Page 1 of 1

[INFO REQ] How to suspend the overflowPopup tooltip and how to detect the click event of it

Posted: Sat Dec 04, 2021 8:18 am
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 836 times

Regards


Re: [INFO REQ] How to suspend the overflowPopup tooltip and how to detect the click event of it

Posted: Sat Dec 04, 2021 10:15 am
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.


Re: [INFO REQ] How to suspend the overflowPopup tooltip and how to detect the click event of it

Posted: Mon Dec 06, 2021 11:33 am
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'
                        }
                    }
                }
            }
        }
    }

Re: [INFO REQ] How to suspend the overflowPopup tooltip and how to detect the click event of it

Posted: Mon Dec 06, 2021 7:34 pm
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 804 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


Re: [INFO REQ] How to suspend the overflowPopup tooltip and how to detect the click event of it

Posted: Mon Dec 06, 2021 9:13 pm
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


Re: [INFO REQ] How to suspend the overflowPopup tooltip and how to detect the click event of it

Posted: Mon Dec 06, 2021 11:00 pm
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


Re: [INFO REQ] How to suspend the overflowPopup tooltip and how to detect the click event of it

Posted: Tue Dec 07, 2021 8:18 am
by alex.l

Hi licjapodaca,

Great to see you figured it out!


Re: [INFO REQ] How to suspend the overflowPopup tooltip and how to detect the click event of it

Posted: Tue Dec 07, 2021 11:48 am
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.


Re: [INFO REQ] How to suspend the overflowPopup tooltip and how to detect the click event of it

Posted: Wed Dec 08, 2021 7:06 pm
by licjapodaca

Thanks, everything is fine from now ...

Regards