How to use the Array mapper CMS element

The array mapper is a helper element used in conjunction with CMS items and lists in order to display arrays of items from the content management system.

1. Adding an Array mapper to a project
2. Adding elements to an Array mapper

Adding an Array mapper to a project

To add an Array mapper to a project:

• Go to the Left panel -> Elements tab -> CMS section
• Drag the Array mapper element the Success Layer in a CMS element with a source set up
• Go to the Right panel -> Array Mapper Settings
• Select an Array-type Source from the available collections

Adding elements to an Array mapper

Once the Array mapper is added and the Source is set up, to customize the content simply:

• Go to the Left panel -> Elements tab
• Drag any element to the Array Mapper -> Items layer
• Select the element
• Go to the Right panel and bind a property to the element using the Dynamic properties panel

Updated on: 28/03/2025