🔍

Content Repeater Part 2 Simple Repeaters and Examples

How to Setup Simple Content Repeaters

As a quick reminder, when editing a HTML Atom on a webpage you will see the editor below. On the editor under the advanced tab there is an insert widget button which when pressed opens up a drop down where you can select Repeater and submit.

Simple Content Repeaters

An example of a simple content repeater could be listing out a field of an object. This could be a Documents abstract or the logged in users Name, I will show how to do both of these. 

Document Example

This example is going to be the same for any "Single Object" repeater type. 

After adding a repeater and opening the editor as stated above, select "Single Object" from the repeater type dropdown. Next select the "Root Object". To do this, click the folder icon to open up a system browser to select the Object (Document in this example). However it is also possible to simply type the object id (if you know it) into the box and press enter.

Next select the Object type of the object and you should have something similar to the image below.

From here we can press "Save & Close" and move on to putting the content of the repeater together. This part is easier if you maximise the HTML Atom editor as it will give you more space.

Now that we have repeater setup we can give it content. Until then it will display "Widget Paceholder".

It is possible to type anything you want into the repeater box but to put a repeated field in it is very simple. On the right hand side of the window there is an arrow and the word "Tools". Clicking on the arrow opens up all of the possible field bindings that the Object Type selected in the config can have. If User fields are shown please click on the repeater again to get your Object Types fields.

To add these fields first click where you want the field and then double click on the field that you want. It should look (roughly) like below.

The above content repeater looks like this when out of editor mode:

User Example

This could be used if a personalized message is needed on a welcome page or to show the user some of their details. The "Logged In User" repeater type is even simpler than the "Single Object" repeater as there are only 2 fields that are required. First add the repeater to the page and open the editor. When opened select Logged in User from the repeater type dropdown, and Contact from the object type dropdown. That is all of the configuring that is needed.  

From here it is the same with adding the fields for any repeater. Below is an example of fields and what they look like when they are rendered.