Data Repeater

Data Repeater is part of the Data Visualization Component Set. It displays formatted data as indicated by the Row Template and Row Template CSS in the Component. 

Add a Data Repeater to a Page

1

Create or open an existing app.

2

Click the Edit Pencil on a Page.

3

Click the Green + Icon, located in the bottom right corner.

4

Either scroll to Data Repeater in the list or begin typing Data Repeater to search the list. 

5

Select Data Repeater. The Data Repeater Component will appear at the bottom of the Content list in the left-hand column. The Data Repeater Properties will appear in the right-hand column.

Data Repeater Properties

The Data Repeater Component has the following properties:

• Component Id - Sets the name of the Data Repeater Component in the app. The Component Id can be referenced using JavaScript to add more functionality to the app as needed.

  
  

  Pro Tip: It is a best practice to use only letters without spaces for the Component Id. Symbols, spaces, and numbers are not recommended.

• Row Template - Sets the template each row of data uses. To replace values with data properties, wrap the value to be replaced with braces {value}. The value entered between { } should match the Data Store value exactly, with no added spaces.
• Row Template CSS - Sets the CSS classes in the Row Template.
• Direction - Sets the layout for the data. Choose from the dropdown: Repeat Horizontally or Repeat Vertically. 

Placement

Learn more about Placement settings.