Page 1 of 1

[REACT] how to give hover message for indicators

Posted: Fri Jun 11, 2021 11:25 am
by Surekha

Hi Team ,
We want to show certain data on hover of the indicator icon .
How can we proceed with this?
I have attached the picture of the hover message.


Re: [REACT] how to give hover message for indicators

Posted: Fri Jun 11, 2021 11:28 am
by mats

Recommend you to study this demo: https://bryntum.com/examples/gantt/indicators/

Give a name to the indicator, it will be shown in the tooltip:

features : {
        // Enabling and configuring the Indicators feature
        indicators : {
            items : {
                // Early start/end dates indicator disabled
                earlyDates : false,

            // Custom indicator added
            beer : taskRecord =>  taskRecord.name.startsWith('C') ? {
                startDate : DateHelper.add(taskRecord.endDate, 2, 'day'),
                cls       : 'beer',
                iconCls   : 'b-fa b-fa-beer',
                name      : 'Post-task celebration beer'
            } : null
        }
    }
},

Re: [REACT] how to give hover message for indicators

Posted: Wed Jun 16, 2021 8:34 am
by Surekha

Hi Team,
Im aware of using the indicators , but I want customize the field displayed in it and the structure of the default tool tip. As you can see in the above picture I have attached.


Re: [REACT] how to give hover message for indicators

Posted: Wed Jun 16, 2021 8:58 am
by mats

Ok this is not yet supported using public API. You can try putting template as a function on your indicators feature config for now to return custom HTML. We'll add support for this!
https://github.com/bryntum/support/issues/3032