а

Colour Change for Quick Info Window in Scheduler JS


#1

Hi,

I cannot find relevant documentation, to set the color for quick info pop up in the scheduler.
I wish to set the quick info popup color as the same color as the event.

See the image below :

In the image, the color of the event is ‘green’ whereas I cannot find the template for quick info to change/set it’s color.
Please help !!


#2

Hi @krushika29,

There is no any built-in way to set the color for quick info pop up. You just need to update background-color for the element with CSS selector .dhx_cal_qi_title.

If events have different colors in your app, you can check the event color in the onClick handler and update CSS of the quick info according to the event color. Please check the snippet that demonstrates how it might be implemented:
https://snippet.dhtmlx.com/00f48ccb4