Our powerful JS Calendar component


Post by bin_yu »

Hi All,

I want to remove the following delete button, how should I do?

remove delete button.png
remove delete button.png (218.01 KiB) Viewed 384 times

Post by ghulam.ghous »

This way:

    features : {
        eventTooltip : {
            tools : {
                delete : null,
            },
        }
    }

Post by bin_yu »

I add the following config, and it works.

    eventTooltipFeature: {
        align: 'l-r',
        tools:{
            delete : false,
        }
    },

One more question, I want to change default display location of event tool tip, see the following screenshot, how should I do?

Move to the default location.png
Move to the default location.png (294.43 KiB) Viewed 378 times

Post by mats »

Where would you like it to display?


Post by Animal »

That is the align config which you are asking it to be aligned with its left edge to the right edge of its target if possible. And if not possible, it flips sides, to get what you see there.

Remove that property. It is described here: https://bryntum.com/products/calendar/docs/api/Calendar/feature/EventTooltip#config-align


Post by bin_yu »

I want to display it where the mouse left clicking


Post by Animal »

This is the incantation:

        eventTooltip : {
            anchor    : false,
            align     : 'l0-r0',
            listeners : {
                beforeAlign(align) {
                    align.aligningToEvent = true;
                    align.domEvent = this.tooltip.triggeredByEvent;
                    align.target = DomHelper.isInView(align.domEvent);
                    align.anchoredTo = document.body;
                }
            }
        }
Screenshot 2025-04-29 at 07.10.11.png
Screenshot 2025-04-29 at 07.10.11.png (207.83 KiB) Viewed 346 times

Post by bin_yu »

in react, I tried to add your config you provided, but there is syntax error, how to resolve it?

syntax error 4-30.png
syntax error 4-30.png (69.6 KiB) Viewed 336 times

Post by Animal »

All events pass the event firer as the source property of the event.

So the tooltip instance will be in align.source


Post by Animal »

It should be possible to request positioning at the DOM event point simply: https://github.com/bryntum/support/issues/11269

Like this:

Screenshot 2025-04-30 at 09.56.00.png
Screenshot 2025-04-30 at 09.56.00.png (130.35 KiB) Viewed 317 times

Post Reply