"TIMELINE_FIVE_DAYS_HOURLY_VIEW": {
// Template configurations for UI components
"templates": {
"rowBody": {
"type": "macroponent",
"value": "23c3967f53d07110443cddeeff7b1222"
},
"sectionHeadBody": {
"type": "macroponent",
"value": "43899a6ded592110f87778b05e3c80a7",
"sticky": true,
"autoCollapse": false,
"manageCollapsed": true,
"disableUXFContainerClickEvents": true
},
"sectionHeadTitle": {
"type": "macroponent",
"value": "a1ff3ba6b7803110a311aa7e1e11a964",
"autoCollapse": false,
"manageCollapsed": true,
"disableUXFContainerClickEvents": true
},
"rowTitle": {
"type": "macroponent",
"value": "0c1ae3a8b1346110f8776e5c40f98bd2",
"style": {
"height": "100%"
}
},
"eventBody": {
"type": "component",
"value": "sn-fsm-event-body"
},
"timestampBody": {
"type": "macroponent",
"value": "3deb30f8d149e110f8773e7b5e3fce04"
}
},
// Core time configuration - THIS IS THE KEY PART
"xStart": 0, // Start from hour 0
"xStep": 1, // Increment by 1 hour per column
"xSize": 120, // Show 120 hours total (5 days × 24 hours)
"xUnitName": "hours", // Each column represents hours
// Display and layout settings
"columnWidthInPx": 65, // Width of each hourly column
"viewProvider": "TIMELINE_CONFIGURABLE_COLUMN",
// Time scale header configuration. Adds another row on top of the 1 hour per column for better visibility and more information
"timeScaleGridRows": [{
"id": "days",
"order": 1,
"unit": "days",
"format": "dddd MMMM DD" // Display format: "Monday January 15"
}],
// UI behavior settings
"rowHeightBottomPaddingInLines": 2,
"snapGranularity": 15,
"groupBy": "group",
"animation": false,
"hideAgendaView": true,
"eventHeight": 20,
"minEventRowHeight": 24,
"eventMinWidthMS": 1000,
"noScrolling": false,
"usePropertyDiff": true,
"hideSidebarOnLoad": true,
// Zoom and toolbar configuration
"floatingToolbarConfig": {
"manage": false,
"zoomSize": 0.2,
"disableCollapse": false,
"collapseOnLoad": true,
"collapseOnResize": true
}
}