Our powerful JS Calendar component


Post by jeff.wang »

Hi,
In example:https://bryntum.com/examples/calendar/custom-menus/, the calendar provide the ability for customize the menu like below:
Image

I want to customize the whole menu because it composed with header and menu items like below:
Image

if the calendar don't support the custom menu like this,Whether i can capture the click event when do right-click,Then show the popup that is the custom react component we developed.

Thanks!


Post by mats »

Yes, you can add a title easily using:

 features : {
        eventMenu : {
            menu : {
                title : 'foo'
            },
            items : {

Docs: https://bryntum.com/docs/calendar/api/Calendar/feature/EventMenu#config-menu

and

https://bryntum.com/docs/calendar/api/Core/widget/Menu


Post by Animal »

If you just need a header, the Menu is a Panel, and you can configure it. I changed the online example like this:

Screenshot 2022-05-19 at 12.12.19.png
Screenshot 2022-05-19 at 12.12.19.png (365.7 KiB) Viewed 674 times

Post by jeff.wang »

thank you very much! it is effective.
Another question base above question, Could i use ours custom icon font libs or expand them to the icon font of bryntum for menu item's icon when i config the menu item.


Post by alex.l »

All the best,
Alex


Post by jeff.wang »

thanks, It's ok.


Post Reply