Intersoft Community - WebScheduler - TimeLine Event Color Bar Font Color?

TimeLine Event Color Bar Font Color?

yudi — Wed, 14 Mar 2012 22:31:41 GMT

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.

TimeLine Event Color Bar Font Color?

frankgary — Wed, 14 Mar 2012 12:55:00 GMT

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

TimeLine Event Color Bar Font Color?

yudi — Sun, 11 Mar 2012 21:49:21 GMT

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.

TimeLine Event Color Bar Font Color?

frankgary — Sat, 10 Mar 2012 16:14:08 GMT

Yudi,

Thanks for the prompt reply. Your solution worked perfectly!

Frank

TimeLine Event Color Bar Font Color?

yudi — Fri, 09 Mar 2012 04:22:58 GMT

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.

TimeLine Event Color Bar Font Color?

frankgary — Thu, 08 Mar 2012 00:11:53 GMT

Gentlemen,

Is there a way to change the font color from white to black in the event color bar text in timeline view? I believe this is the "subject" field content from the event table.

I have tried just about every setting I an think of in the "TimelineContentCellStyle" parameters but there does not seem to be a setting to change the font color from the default white to black. Is this possible? Does it need to be a custom css setting of some kind?

Attached is a screenshot, please look at the Eco 2 - MAV "Wind Dancer" at 1PM color bar example. How can I change the "Wind Dancer-a:.............." text to black?

I realize this is a trivial issue but many of the color bars being utilized in my app are very light in color and the white font "washes" out the color bar text making it impossible to see and/or read.

Please advide and thanks!

Frank Gary