Our pure JavaScript Scheduler component


Post by sactory »

I temporary disable hover tooltip use useSelector: false, allowHover: false. But I must display tooltip on hover in some records. How can I disable tooltip on hover in some records base condition?


Post by saki »

You can use https://bryntum.com/docs/scheduler/api/Scheduler/feature/EventTooltip#event-beforeShow listener and conditionally return false from the function for the records you do not want to show the tooltip for.

If you add the following to AppConfig.js of Vue simple demo it only shows tooltips for events that do not have me in the name:

    eventTooltipFeature : {
        listeners : {
            beforeShow({source}) {
                const {eventRecord} = source;
                return eventRecord.name.includes('me');
            }
        }
    },

Post by sactory »

saki wrote: Tue Oct 26, 2021 11:26 am

You can use https://bryntum.com/docs/scheduler/api/Scheduler/feature/EventTooltip#event-beforeShow listener and conditionally return false from the function for the records you do not want to show the tooltip for.

If you add the following to AppConfig.js of Vue simple demo it only shows tooltips for events that do not have me in the name:

    eventTooltipFeature : {
        listeners : {
            beforeShow({source}) {
                const {eventRecord} = source;
                return eventRecord.name.includes('me');
            }
        }
    },

I am using Bryntum v4.0.8, so it don't have listener beforeShow. Can you suggest other ways ?


Post by mats »

That would be the only supported way I'm afraid, please consider upgrading.


Post by Animal »

The Widget class has always had a beforeShow event.

Something else is going on. Is that configuration block really bering applied to the tooltip? I'm not familiar enough with the framework wrapper to know. But that config block, applied to the eventTooltip feature should work.


Post Reply