Our powerful JS Calendar component

Post by jeff.wang »

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

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

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.


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



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.71 KiB) Viewed 219 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,

Post by jeff.wang »

thanks, It's ok.

Post Reply