Timeline Reference
Collaborate with us
Edit this page on GitHub
Layout and classes
Advanced Use Case
Use the Timeline Pattern with ListRecords
- Drag the Timeline Pattern into the preview.
- In the Content placeholder, drag a ListRecords widget.
- In the ListRecords widget, drag a TimelineItem.
- In the TimelineItem, use expressions to display the database content you need.
-
To disable the vertical line on the last TimelineItem, write the following CSS code in the application Theme:
.ListRecords .timeline-item:last-of-type .timeline-item-separator { display: none; }
-
In the ListRecords Widget, set Line Separator to None to avoid additional margin between elements.
-
Publish and test.