Image Modes

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.

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

Fill

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

*This can be useful to apply a background image and add Widgets on top of it : the Widget’s position will be constant relative to the image, independently of the web page resizing.

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.

*This is usually desired for a logo.

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

Uniform to fill

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

Code192 2020 All rights reserved