WidgetWeb Playground

Image

Like may things on the web, there is more than one way to display images in WidgetWeb.

The most common and preferred way to display an image is to use an Image Widget like the one below this text.

The Image Widget will automatically scale the image to display correctly on mobile phones, tablets, and desktop computers. 

DSC00022.JPG

 

Another way display an image is to embed the image in a text widget, like the image below.

Embedding the image in test allows you to wrap text around the image, and control the alignment of the image in relation to the text. It also allows you to use the image as a link - but this will be added to the Image Widget in a future release.

Be sure to set the stylesheet classes on the image to "img-thumbnail" so the image will scale correctly on mobile, table, and desktop devises.

DSC00022.JPG 

You can also display multiple images using the Carousel Widget.