Tersus: Stage 5 - Fixing Image Distortion

Stage 5 - Fixing Image DistortionDate: Aug 18, 2019A Browser Bug?Running the app on iPhone shows a proper display:

But pressing an item causes the text to override part of the image:

This is probably a browser bug - image resizing is not made properly, so the image area and the text area have a partial overlap.WorkaroundThere are multiple possible solutions, but the simplest would be to reduce the image size in advance, so it requires no shrinking.

Zoom to <Mobile View>/Sales Data/Content/List/Content Item.

Right click on Thumbnail and select Add Propery.

Type the property name html.style and press OK.

In the Properties view, type the value "max-width:75px;" for html.style:

Now the image is fully displayed before and after pressing an item:

Download Model: Stage 5 See Also:

To use the full functionality of this web site, JavaScript needs to be turned on.

For best results, use the Firefox browser..

Loading ...