A Repeater is a list of items that contain the same design and layout, with different content in each. They link to a Collection set up within the Content Manager that provides a fast and easy way to display content.
To add a Repeater to your page, select the Add Element icon and then click or drag the Repeater on to your page.
Click on the Repeater and then click again on the Item set up within it. This will be pink by default. Once selected, click on the Inspector icon and select the Design tab to change the background colour. You can either drag the slider to reduce the colour transparency or click on the colour selector box to choose a colour.
To add additional items to your Repeater you can either click on the Repeater and select Add Item from the menu bar that appears. Alternatively, the Inspector icon can be selected, followed by clicking on the ellipses next to Manage Items (value) and selecting Add Item.
From here, additional elements can be added to your Repeater. To do so, select the Add Elements icon and choose an Element you would like to add to your Repeater. For this example an Image Element has been added. Firstly resize the Element using the grab handles and then drag this into the first Repeater Item. Wait for Attach to appear before committing the Element to the Repeater. The Image Element will now repeat across each Repeater Item. The below images provide a guide:
Next, add a Title Element to your Repeater. Ensure you change the text size and font accordingly.
It is now time to set up your Content Manager to connect data to your Repeater. To do so, click on the Repeater and select the Connect to Data icon. From here, select Create Dataset.
A Menu Box will appear. Select Choose from the Choose a Collection drop-down. Select Create a New Collection. Name your Collection and click Create.
By default, your new Collection will have a Title. You can add further Items by selecting the Add Item + icon or Add Item button. From here, populate each field respectively.
Once updated, close the Content Manager. Click on your Repeater again and select the Connect to Data icon. A menu will appear. Under the Components heading ensure you connect each Data Item to it's respective Element in the Repeater. In this case, Images are connects to the Image Element and likewise for the Text.
Your Repeater is now set up, further items can be added as needed.