Images can be configured with an Image Mode which determines how the image is cropped/stretched to fit the Widget container

Default

In Default mode, the image is simply centered and cropped, but not resized.

Widget Image mode default wide

Widget Image mode default narrow

Fill

In Fill mode, the image is stretched to fit the container.

Widget Image mode fill wide

Widget Image mode fill narrow

Uniform

In Uniform mode, the image is resized to fit the container without being stretched or cropped. The container is not filled completely.

This is useful to make sure the full image is always visible without being stretched.

If you use a transparent image on the image, the margins will not be visible.

Widget Image mode uniform wide

Widget Image mode uniform narrow

Uniform to fill

In Uniform to fill mode, the image is resized and cropped to fill the container without being stretched.

Widget Image mode uniform to fill wide

Widget Image mode uniform to fill narrow
Last modified: Sep 13, 2021

Feedback

Was this helpful?

Yes No
You indicated this topic was not helpful to you ...
Could you please leave a comment telling us why? Thank you!
Thanks for your feedback.

Post your comment on this topic.

Post Comment