Picture
Application #
Use the image element to illustrate your WBT. This element is part of the basic elements and is therefore versatile. To better explain the images, you can assign labels to the image and position them at important locations on the image.
Video tutorial #
Learn in the following video tutorial how to create the element
Add image element #
Drag the Image element into a module or section.
Picture Settings #
Check out the hotspots to see which settings are available for the image.
Upload media
Click the „Select Image“ area to open the media library. Choose an image and confirm your selection.
Full width
Determine whether the image should be displayed in full width.
Width
Adjust the image size using the slider. From extra narrow to extra wide.
Alignment
Decide how you want to align your image. By default, it is always centered.
Zoom
Move the slider to zoom in on your image.
Labels
Turn on labels if you want to further label your image using labels.
Label settings #
Labels are text fields that you can insert into, for example, images or hotspots. With these, you can describe and translate elements directly in the editor. Take a look at the hotspots to find out what settings you have for the labels.
Area
Decide whether your labels should have a color and, if so, which one. Or whether they are transparent.
Text
Paste your text into the label field and format it using the rich text editor.
Alignment
Determine the alignment of your labels.
Add labels
Click „Add labels“ to add another label.
Tip #
Images can be included as a single element or be part of another element.