Insites Docs Web Components V2Data DisplayTimeline

Timeline

Published on February 18, 2021, updated on September 27, 2023

Element: <ins-timeline>

Creates a timeline container.

 

Attributes

 

FIELD ATTRIBUTE TYPE DEFAULT OPTIONS DESCRIPTION
static-timeline boolean false true, false Allows rendering of html content for the timeline.   You still need to use <ins-timeline-item> to wrap things.
label string "" any Defines timeline heading
timeline-data array [] any (valid timeline object data)   ex. [{ color: "red", icon: "icon-star", content: "html code here", actions: "html code here", datetime: "Text content" }] Defines timeline data. For more info, check <ins-timeline-item> attributes.
total-count number 0 any Specify number of items in the timeline
without-pagination boolean false true, false Removes table pagination display
page-number number 1 any Defines number of pages in timeline
page-size number 10 any Defines size of pages in timeline
page-size-options number [10, 20, 50] any Defines size of pages in the timeline
loading-screen boolean false true, false Enables loader in timeline
loader-title string Just a moment any Defines title of loader
loader-message string We are processing your request any Defines message of loader
loader-icon string processing processing, warning, help, error, success, downloading, uploading Defines icon of loader
Have a suggestion for this page?

Didn't quite find what you are looking for or have feedback on how we can make the content better then we would love to hear from you. Please provide us feedback and we will get back to you shortly.