Creating a repeating dynamic layout

Save development time by automating the display of repetitive data records with the Repeating dynamic layout. For example, you can use a Repeating dynamic layout to arrange data about company employees into a series of standardized cards that display the name, position, and an ID image of each employee. The Repeating dynamic layout format is very flexible and supports sorting, editable fields, and progressive data load.
Before you begin: Create a list-based data source to reference from the layout. The Repeating dynamic layout can use a data page, a page list, or a page group as a data source. For more information, see Creating a data page and Properties.
  1. In the navigation pane of Dev Studio, click Case types, and then click the case type that you want to open.
  2. Run a new case by clicking Save and run.
  3. In the new case, navigate to the layout that you want to edit.
  4. In the footer of Dev Studio, click the Live UI icon.
    Result: The Live UI tool is activated. You can now inspect user interface components in real time.
  5. Click the layout that you want to edit, and then click the Open in Dev Studio icon.
  6. If your section is based on a template and cannot be edited, click Convert to full section editor.
  7. On the Design tab, expand the Structural list, and then drag the Repeating dynamic layout onto the work area.
  8. In the Repeating dynamic layout header, click the View properties icon.
  9. In the Properties window, in the Source field, specify the source of the data for the dynamic layout group:
    • To source the data from a page list or page group, select Property, and then in the List/Group field specify the name of the property.
    • To access data from a range of sources on a clipboard, select Data Page, and then in the Data Page field specify the name of the page that you want to reference.
  10. Click Submit, and then click Save.