Correct settings so all text, images, and widgets auto-fit to any resolution?

Hayley

I am creating a title page on a Card widget which includes a button, text and image. I have set the card at 100% width and height and the button, text, and image all set at percentage % too. 

When published on a wide screen monitor, the image cuts off 

But when viewed on a smaller screen, the image and button resize fine but the text cuts off 

What are the correct settings to ensure everything auto-resizes correctly? Can I do it without the card (just on the blank full screen page)? 

ShengdiZhang

Hi @Hayley ,

You do not need to use a card widget here unless you want to have a hover effect. You can simply put widgets on the fullscreen page.

For the image cut issue, this is because 'Fill' is used for the image position. You can change the image potion to 'Fit' to ensure that the image is not cut at all resolutions.

For the text cut issue, I suppose you also want the text and the button widget to be horizontally centered. So you can add a Fixed panel widget, and put the text widget and the button widget into it.

Set the text widget as full width and auto height:

 

Set the button widget horizontal center:

Another way to do this is adding the text widget and the button widget into a column widget, and set the column vertical align to space between:

 

Hope it helps,

Shengdi