TimelinePreview¶
The timeline preview cell provides the user with a glimpse of upcoming objects, events, or posts using a horizontal timeline sorted by chronological order. The objects in the timeline preview cell are read-only.
TimelinePreview Properties¶
Property | Type | Required | Default |
---|---|---|---|
Cell | TimelinePreviewCell | Optional | |
Cells | object[] |
Optional | |
DataSubscriptions | DataSubscriptions | Optional | |
EmptySection | EmptySection | Optional | |
Footer | Footer | Optional | |
Header | Header | Optional | |
Target | LinkQueryFunctionTarget | Optional | |
TimestampType | enum |
Optional | "DayTime" |
Visible | boolean |
Optional | true |
_Name | string |
Optional | |
_Type | const |
Required |
Cell¶
- type: TimelinePreviewCell
Cells¶
Use for static Timeline Preview. Target is ignored.
- type:
object[]
|Cell
| | Optional |
Cell¶
- type: TimelinePreviewCell
DataSubscriptions¶
Array of data change events to subscribe to.
- type: DataSubscriptions
EmptySection¶
A section that will be displayed when the list is empty, this only applies if you are using Target binding. Allows you to show custom label when the list is empty.
- type: EmptySection
Footer¶
Footer bar to be displayed below this control's content section.
- type: Footer
Header¶
Header bar to be displayed above this control's content section.
- type: Header
Target¶
Definition of the target binding to dynamically populate the collection. You can also set this to binding/rule to return an array of data items.
Note: If this is set to binding/rule, you must return an array of data items, you can't return Target definition.
- type: LinkQueryFunctionTarget
TimestampType¶
The date time format for timestamp in tiimeline preview cell
- type:
enum
- default:
"DayTime"
The value of this property must be equal to one of the known values below.
TimestampType Known Values¶
Value | Description |
---|---|
MonthDayTime |
|
MonthDay |
|
Day |
|
Time |
|
DayTime |
Visible¶
Set the visibility of this control.
- type:
boolean
- default:
true
_Name¶
- type:
string
_Type¶
- type:
const
The value of this property must be equal to:
"Section.Type.TimelinePreview"
Example¶
Static¶
{
"_Type": "Page",
"_Name": "TimelinePreviewSectionPage",
"Caption": "TimelinePreview section Page",
"Controls": [
{
"_Type": "Control.Type.SectionedTable",
"_Name": "SectionedTable",
"Sections": [
{
"_Type": "Section.Type.TimelinePreview",
"_Name": "StaticTimelinePreviewSection",
"Visible": true,
"Cells": [
{
"Cell": {
"Headline": "Start It",
"Timestamp": "2022-01-01T11:40:00Z",
"State": "Complete"
}
},
{
"Cell": {
"Headline": "Applied Statistics",
"Timestamp": "2022-01-02T14:20:00Z",
"State": "Complete"
}
},
{
"Cell": {
"Headline": "Numberic Analysis",
"Timestamp": "2022-06-02T09:30:00Z",
"State": "Open"
}
},
{
"Cell": {
"Headline": "Complete Event",
"Timestamp": "2023-02-02T17:30:00Z",
"State": "End"
}
},
{
"Cell": {
"Headline": "Today Test",
"Timestamp": "/MDKDevApp/Rules/timeline/GetToday.js",
"State": "Open"
}
}
],
"TimestampType": "MonthDayTime"
}
]
}
]
}
Dynamic¶
{
"_Type": "Page",
"_Name": "TimelinePreviewSectionPage",
"Caption": "Timeline Preview section Page",
"Controls": [
{
"_Type": "Control.Type.SectionedTable",
"_Name": "SectionedTable",
"Sections": [
{
"_Type": "Section.Type.TimelinePreview",
"_Name": "DynamicTimelinePreviewSection",
"Visible": true,
"Cell": {
"Headline": "{OrderDescription}",
"Timestamp": "{CreationDate}",
"State": "/MDKDevApp/Rules/timeline/TimestampState.js"
},
"Target": {
"EntitySet": "MyWorkOrderHeaders",
"Service": "/MDKDevApp/Services/Amw.service",
"QueryOptions": "$top=20"
},
"TimestampType": "DayTime"
}
]
}
]
}