Display Issues

Question

I am having issues with images being cut off when going to preview mode. Everything looks fine in the design mode, but there are problems looking at it in the preview mode. I am using the blank scrolling page as the template. Is there a way to fix this?

jcarlson · Accepted Answer

A screenshot would be helpful here, so we can understand what might be going on.

In a scrolling page, image widgets will default to having a height mode of stretch. Note that the width is defined by resizing the item on the page, and will always be a % of the screen, unless it is nested inside another widget.

Being set to stretch, the height of the row will adjust to be the full height of the image, regardless of the width.

You may wish to set your editing window to have the same resolution as your monitor, otherwise the editing view will not match the preview.

The easiest way around this is to set the height to auto. This will change the height of row to match the width-adjusted height of the image.