Header Bar customization
Hey,
Just wondering how we can please customize the header bar of the scheduler to show a react component?
for example swap out the photo in the top right hand corner for a react component mui circular progress loader?
Thank you
Liam
Hi Liam,
We have prepared a sample to add a circular progress loader in the scheduler’s toolbar using the onActionBegin method like the below code snippet.
onActionBegin(args) {
if (args.requestType === 'toolbarItemRendering') {
let
load = { template:
document.querySelector('#loader') };
args.items[2] = load;
}
}
Sample: https://stackblitz.com/edit/react-yp7m8n-sitmsy
Output Screenshot:
|
|
Kindly try the above sample and let us know if this meets your requirement.
Regards,
Ruksar Moosa Sait
