Gallery element

Last updated on 9/5/2025@mrbirddev

The gallery elements lets you create a list of images and align them horizontally.

Layout basics

Step 1: setting image height

Adjust to Contents -> Image height to achieve your desired image height.

Step 2: setting image width

Navigate to Contents -> Type. You can see there are 3 basic layout types of the gallery.

  • Original image width. The image width will be rendered according to its original ratio.
  • Flexible image width. The image width will be rendered according to its original ratio, then expanding equally to fill the gallery width.
  • Fixed column count. The image width be 1/n of the gallery width.

Textbox

Navigate to Textbox -> Type. You can choose where to position the Caption and Description of each image.

  • None. By default the textbox is hidden.
  • Below
  • Above
  • Overlay top
  • Overlay bottom
  • Overlay full

Navigate to Data -> Click in the sidebar after selecting a gallery element.

The default behavior of clicking an image is Open link. You can change it to open lightbox here.

Last updated on 9/5/2025@mrbirddev
Loading...