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. Drag the slider on the following image to see the listings displayed in a table layout or nonlinearly with 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. Drag the slider on the following image to see the listings displayed on a desktop or mobile device.
Check your knowledge with the following interaction.