Gallery Property

The Gallery Property allows you to add a Gallery to a component, to name it, choose the data type and adjust layout and usage.

  • Open the Components Properties modal by clicking the "+" icon in the Block Inspector.

  • Select the Gallery Property you wish to configure.


The Gallery Property needs to be connected for it to be applied to the canvas.

You need to select "Modify" in the Toolbar or Block Inspector for the blocks that make up a particular component to be visible.

  • Select the Component to which you want to connect the Gallery Property.

  • Select "Modify" in the toolbar or the Block Inspector.

  • The blocks contained in the component are now visible in the navigator.

  • In the navigator, find and select the Gallery property you wish to connect.

  • In the Components tab of the Primary tab, click the Component icon to open the Component Properties modal.

  • Choose required block in the dropdown to open the Components Properties modal.

The Gallery Property name is now visible in the Content field in the Block Inspector.

Click Gallery Property to open the Component Properties modal if you wish to make any adjustments.

If the Gallery property is correctly connected, you should see something like this when in "Customise".

  • Click Gallery "+" icon to add a new Gallery.

  • Click Modify icon next to Gallery name to add an image.

  • Select required images and click "Create a new gallery".

The images should now be visible in the appropriate Gallery panel in the Block Inspector.


The Name property allows yo to input a suitable name for your Gallery property.

  • Input a suitable name.

Simple Type

The Simple Type property allows you to set static data for your Gallery property.

Type is set to Simple by Default.

  • Open the Components Properties.

  • Select required Gallery property.

  • Open Settings tab.

  • Select Simple as data Type.

This will display the default static data.

Advanced Type

The Advanced Type property allows you to add either dynamic or static content to your Gallery as required.

  • Open the Components Properties.

  • Select required Gallery property.

  • Open Settings tab.

  • Select Advanced as Type.

Click Dynamic icon to open the Dynamic modal for a particular gallery.

  • Select Dynamic or Static source and choose static or dynamic data.

Last updated