Our powerful JS Calendar component


Post by licjapodaca »

How to suspend the overflowPopup tooltip and how to detect the click event of it, I want to show my own modal tooltip window when the user clicks on the overflowPopup section "+Events".

supress-and-click.png
supress-and-click.png (297.97 KiB) Viewed 809 times

Regards


Post by Animal »

What extra info do you need to show on the modal? We can probably reconfigure the overflow popup.

And if we can’t do that, then we should add the ability to do so.


Post by Animal »

I have this as a FR: https://github.com/bryntum/support/issues/3860

So the idea is that the event list would be a child item of the popup, so it would have its own items defined like this:

items : {
    // Overflowing event bars are placed into this child widget
    eventList : {
        type   : 'widget',
        cls    : 'b-cal-event-bar-container',
        weight : 500
    }
}

The idea is that you could do

    modes : {
        month : {
            overflowPopup : {
                items : {
                    myTextField : {
                        label  : 'Some input',
                        type   : 'textfield',
                        weight : 1000 // *after* the eventList
                    }
                }
                bbar : {
                    items : {
                        myButton : {
                            text : 'Button'
                        }
                    }
                }
            }
        }
    }

Post by licjapodaca »

Hi @Animal, we want to suspend the Modal that opens when the user click over this button:

suspend-button.png
suspend-button.png (145.51 KiB) Viewed 777 times

And replace the click event of this button to open a modal window from our UI code, how can I replace the click event of this button?

Regards


Post by licjapodaca »

I found the clicking event of that button that is in:
https://www.bryntum.com/docs/calendar/api/Calendar/view/Calendar#event-cellOverflowClick

But still appears the popup event list, how can I suspend it?

Regards


Post by licjapodaca »

I found how to suspend the overflowPopup like so:

...
	modes: {
		year: null,
		list: null,
		month: {
			overflowPopup: {
				listeners: {
					beforeShow: function() {
						return false; // <=== Here it's the magic
					}
				}
			},
...

Regards


Post by alex.l »

Hi licjapodaca,

Great to see you figured it out!

All the best,
Alex


Post by Animal »

I'd be very interested to see what you put in its place so that we can make an easily configurable way to do what you need.

It should be easier than that.


Post by licjapodaca »

Thanks, everything is fine from now ...

Regards


Post Reply