Our powerful JS Calendar component


Post by tmcuong »

How to customize this dialog or replace it with my dialog ?

calendar5.png
calendar5.png (41.14 KiB) Viewed 581 times

Thanks a lot


Post by Animal »

In what way do you want to customize it?

There is a config (undocumented now, but we have added docs for the next release) which allows you to change configuration of it.

A view which can show an overflow popup has the config overflowPopup:

Screenshot 2021-11-11 at 16.38.13.png
Screenshot 2021-11-11 at 16.38.13.png (70.13 KiB) Viewed 577 times

Post by Maxim Gorkovsky »

You can subscribe to this event to know when overflow button is clicked: https://bryntum.com/docs/calendar/api/Calendar/view/Calendar#event-cellOverflowClick

And then you'd have to hide default overflow. overflowPopup config is not yet documented but it already works and will be public in the next release.

new Calendar({
    modes : {
        month : {
            overflowPopup : {
                listeners : {
                    beforeShow : () => false
                }
            }
        }
    }
})

Would be better to disable popup alltogether, but that is not possible yet: https://github.com/bryntum/support/issues/3774


Post by tmcuong »

ok it run,
But I want bind like that

 this.calendar.on('month.overflowPopup.listeners.beforeShow',  
this.onMonthMoreCellClick.bind(this));

or attach method in htm like that

 <bryntum-calendar [eventEditFeature]="calendarConfig.features.eventEdit"   
(onCatchAll)="onCalendarEvents($event)" [sidebar] = "{collapsed: true}" (onCellOverflowClick) ="onMonthMoreCellClick($event)" [date] = "calendarConfig.date"
[modes]="calendarConfig.modes"> </bryntum-calendar>

but it is not working


Post by Animal »

How do you want it to look?

You know that you won't get event rendering properly if you do it yourself? The events you show won't be editable, they won;'t get a tooltip.

What exactly do you need from an overflow popup?


Post Reply