[REACT] Display events while click the more button

[sukuna k]

Could you please help me to display the remaining events except the main event in the template?

For example, refer to the attached screenshot.

Remaining events alone need to be shown while click on +2 more button

More button events.png (51.03 KiB) Viewed 366 times

When clicking the "+2 more" button, I need to display only the remaining events, such as "Lunch" and "Split JS Conference".

[tasnim]

Hi,

You can easily achieve it by setting https://bryntum.com/products/calendar/docs/api/Calendar/widget/OverflowPopup#config-onlyShowOverflow to true

    modes : {
        month : {
            overflowPopup : {
                onlyShowOverflow : true
            }
        }
    },

Best regards,
Tasnim

[prasath]

Hi Tasnim,
Is it possible to reorder the events which are available in the overflow popup.Seems like by default events are ordered in the overflow popup.We are in need to customize the ordering of events based on eventNames.Suggest an approach for us to proceed on this.

[tasnim]

Sure, you can use this https://bryntum.com/products/calendar/docs/api/Calendar/widget/OverflowPopup#config-eventSorter to add a custom sorter

    modes : {
        month : {
            overflowPopup : {
                eventSorter : () => {...}
            }
        }
    },

[prasath]

Thanks Tasnim we will check on this.