Please try to set the font color of event in Timeline view by setting the cssText property in OnEventBound as shown in the following snippet code.

function OnEventBound(controlId, evt)
{
    var WebScheduler1 = ISGetObject(controlId);

    if (WebScheduler1.ViewSettings.SelectedViewMode == "Timeline")
    {
        var tableElm = evt.GetContentElement().childNodes[0];

        tableElm.style.cssText = "TEXT-ALIGN: center; WIDTH: 100%; FONT-FAMILY: Segoe UI; HEIGHT: 100%; COLOR: black; FONT-SIZE: 8pt";
    }
}

Hope this helps.

Yudi,

Thanks for the prompt reply. Your solution worked perfectly!

Frank

Glad to hear that the JavaScript function works.

Should you need further assistance or run into any problems regarding our controls, feel free to post it into our forum. We would be happy to assist you again.

Hi Yudi,

In testing my app I discovered a slight problem and I am hopeful you can assist me further. It seems that I should not make the color bar content text ALL black or ALL white, I need a mixture of black OR white text depending on the color bar background color.

If some of my color bars are  dark color and the text is all black, then the text is hard to see/read. If some of my color bars are light colored and the text is all white, then the text is also hard to see/read.

My question is, is it possible to set the color bar text based on the colorbar color? For example:

___________________________

If (SubjectColor == "#800000" || SubjectColor == "#808000")

then make the text white

else

make the text black

------------------------

OR something like this?????????

If (SubjectColor == "#800000" || SubjectColor == "#808000")

then make the text white else

If (SubjectColor == "#FF0000" || SubjectColor == "#FFFF00")

make the text black

------------------------

Is this possble or am I stuck with either all black or all white color bar content text?

Please advise and best regards - Frank

By default, the colored bar background color is determined based on its resource. The resource color field in Resources table should match with the corresponding color bar background color. For example: the Resource of Event X is Mr. John Doe. This resource is assigned with yellow color. By default, the Event X colored bar background color will be yellow too.

For your scenario, I’d like to suggest you to set the color bar text based on the resource id. Please try to add following if clause into the OnEventBound JavaScript function.

function OnEventBound(controlId, evt)
{
    var WebScheduler1 = ISGetObject(controlId);
            
    if (WebScheduler1.ViewSettings.SelectedViewMode == "Timeline")
    {
        var tableElm = evt.GetContentElement().childNodes[0];
        var resourceID = evt.GetOriginalObject().ResourceID;

        if (resourceID == 1 || resourceID == 2 || resourceID == 3)
        {
            tableElm.style.cssText = "TEXT-ALIGN: center; WIDTH: 100%; FONT-FAMILY: Segoe UI; HEIGHT: 100%; COLOR: black; FONT-SIZE: 8pt";
        }
                
        if (resourceID == 4 || resourceID == 5 || resourceID == 6)
        {
            tableElm.style.cssText = "TEXT-ALIGN: center; WIDTH: 100%; FONT-FAMILY: Segoe UI; HEIGHT: 100%; COLOR: white; FONT-SIZE: 8pt";
        }
    }
}

Hope this helps. Please feel free to let us know if you have other questions regarding this topic.