Add custom button to scheduler toolbar

[DeployDuckParticipant]

Hello,
I want to add a custom button to the schedulers top toolbar for example before or after the switches for “day,week,month,agenda”.
has anyone an idea how to achieve this?

Thanks.
DeployDuck

[adminKeymaster]

Hi DeployDuck,

After you create the Scheduler, you can use a code like that:

const customElement = document.createElement('span');
customElement.className = 'jqx-group-button-normal jqx-button jqx-fill-state-normal jqx-rc-r';
customElement.style.cursor = 'pointer';
customElement.style.position = 'relative';
customElement.style.marginLeft = '-1px';
customElement.innerHTML = 'MyElement'
document.querySelector('.jqx-scheduler-toolbar-details').nextSibling.appendChild(customElement);

The above adds a new item to the ‘Day’, ‘Week’, ‘Month’ items.

Hope this helps.

Best Regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com

[DeployDuckParticipant]

Hello Peter,
work’s perfekt.
Thank you.

Best Regards,
DeployDuck

[Author]

Posts