Layout
The Layout component is used to display the channels and elements in a grid.
Base props
Available props in Layout.
| Property | Type | Description | Status | |
|---|---|---|---|---|
renderProgram | function({ program: { data: object, position: object}) | data object contains all properties related to the program, position object includes all position styles | optional | |
renderChannel | function({ channel: { ..., position: object}) | channel object contains all properties related to the channel, position object includes all position styles | optional | |
renderTimeline | function({sidebarWidth: number}) | sidebarWidth value of the channel's sidebar width | optional | |
renderGridCell | function(object) | render custom Grid Cell element in Layout grid | ||
renderLine | function({styles: object}) | basic styles and position values for the custom live tracking Line | optional | |
renderCurrentTime | function({styles: object, isRTL: boolean, isBaseTimeFormat: boolean, time: string}) | basic styles values for the custom current time | optional | |
renderMobileControllers | function(object) | render custom Mobile Controllers header element in Layout | optional | |
renderMobileTimeline | function(object) | render custom Mobile Timeline time slot element in Layout | optional | |
onLayoutBgClick | function() | Possibility to click on Layout background to trigger some custom events | optional |