The Event List web component
A content area to display a list of events.
Settings
Event List includes the following configurable options when building apps in the IDE.
DataDefault dateShow on desktopShow on mobileMaintain space when hiddenMarginAlways show in edit modeStylesTimescaleHelper text |
Properties
All properties for Event List with supported data types or values. You can write JavaScript almost anywhere in Retool to manipulate or read property values.
eventColorByIndex
A list of colors for each item, by index.
eventEndDateByIndex
A list of event end dates, by index.
eventPropertiesByIndex
A list of event properties, by index.
eventStartDateByIndex
A list of event start dates, by index.
eventTitleByIndex
A list of event titles, by index.
eventTooltipLabelByIndex
A list of tooltips for each item, by index.
groupBy
The grouping option when isGrouped
is true
.
Values
day | Group items by day. |
none | Disable grouping. |
id
The unique identifier.
initialDate
The initial date to display.
isHiddenOnDesktop
Whether the component is visible in the desktop layout.
isHiddenOnMobile
Whether the component is visible in the mobile layout.
maintainSpaceWhenHidden
Whether the component takes up space on the canvas if hidden
is true
.
metaEventColorByIndex
A list of meta event colors, by index.
metaEventEndDateByIndex
A list of meta event end dates, by index.
metaEventTitleByIndex
A list of meta event titles, by index.
milestoneColorByIndex
A list of milestone colors, by index.
milestoneData
The source data for milestones.
milestoneDateByIndex
A list of milestone dates, by index.
milestoneTitleByIndex
A list of milestone titles, by index.
pluginType
The plugin type.
quarterStartDay
The day of the month when Q1 starts.
quarterStartMonth
The month when Q1 starts.
renderOneEventPerRow
Whether to render one event per row.
showInEditor
Whether to remain visible in the editor if hidden
is true
.
showTodayIndicator
Whether to show the current date indicator.