Repeating layouts are a type of layout used to organize lists, tables, and other repeating structures. This type of content can repeat an arbitrary number of times. Repeating layouts provide a structure for ensuring that the display presents the content elements consistently.
There are different types of repeating layouts that support different use cases:
- A table layout is useful when you want to present tabular data in a series of columns and rows. Generally, you do not want to use a table layout to present images.
- A Repeating dynamic layout is useful when you want to group and present content in a nonlinear, more aesthetic format.
For example, in a booking Case Type, customers are presented with a list of rooms that are available to reserve. In the following figure the listings are displayed in a table layout:
In the following figure the listings are displayed in a Repeating dynamic layout:
Responsive behavior of repeating layouts
Table layouts exhibit limited responsive capabilities. For example, the presentation of tabular data in a table layout can adjust based on column importance. Columns with a lower designated importance are hidden on smaller screens.
Repeating dynamic layouts have the same responsive capabilities of a dynamic layout. In the following booking Case Type example, when the room listings are viewed on a mobile device, the listing description and map move to accommodate the smaller screen size.
The following figure displays the listings on a desktop:
The following figure displays the listings on a mobile device:
Check your knowledge with the following interaction: