Group Tree
Enable the group tree in the layout
info
The overlap feature has to be enabled to use the group tree feature in the layout.
Channel schema
You can add other properties that you wish to have according to your specific requirements or functionalities you want to implement.
Property | Type | Status | Description |
---|---|---|---|
logo | string | required | Image URL |
uuid | string | required | |
title | string | optional | Title of the channel |
groupTree | boolean | optional | Set to true if the channel is the first main top channel in a group, used to display the channel group name in sidebar |
parentChannelUuid | string | optional | Set for nested children. Required when main channel has groupTree set to true |
isOpen | boolean | optional | Used to open the channel group in the sidebar |
Example
const { getEpgProps, getLayoutProps } = useEpg({
channels,
epg,
startDate,
endDate,
overlap: {
enabled: true, // The overlap has to be enabled to use the group tree
mode: "stack"
},
...
});