[REACT] Tooltip header styling

[mtubisz]

Hi !

I would like to style tooltip header according to event data in REACT. e.g.

When my event has status important I want my tooltip header be red.

That's my current code. As you can see I am able to style content (template) of tooltip according to event data but I'm not able to do that for header.

      
      eventTooltipFeature= {{
                header: { titleAlign : 'start' },
                template: data => this.tooltipContent.bind(this, data)()
              }}

Thanks !!

[mats]

You can always use the 'tooltip' property to update the Tooltip CSS class and use it to style it any way you want. You can find information like this in our docs always:

https://bryntum.com/docs/scheduler/#Scheduler/feature/EventTooltip#property-tooltip
https://bryntum.com/docs/scheduler/#Core/widget/Tooltip