[Solved] Possible to change the background color of time slot?

[mdonato]

I was wondering if it is possible to change the background color of the timeslot of the radscheduler control at runtime?  I'm looking for the kind of functionality that the specialdays has with the radcalendar control, but I don't know what event I should hook up to or if it is even possible.

Thanks,
Marcello

[Peter]

Hello Marcello,

RadScheduler now has the TimeSlotCreated event which you can use to set the CssClass property of the TimeSlot:

protected void RadScheduler1_TimeSlotCreated(object sender, TimeSlotCreatedEventArgs e)
{
    e.TimeSlot.CssClass = "MyCustomClass";
}

All the best,
Peter
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[mdonato]

That works great. 

        e.TimeSlot.CssClass =

"halfday"

Here is the css I used incase anyone is struggling with the same issue.

td.halfday>div

{

background-color:#ff9696;

}

Unless you put the >div selector in there it will not change the background color.

[Albert]

This works fine in Month view but have you gotten it to work in Day or week view?

[Peter]

Hello Albert,

Please, try the following selectors which should work for all views:

/*Day, Week, and MonthView*/
        div.rsContent .rsCell.MyCustomClass
        {
            background: gray;
        }
        /*Timeline view*/
        div.rsContent .rsTimelineTable .MyCustomClass
        {
            background: gray;
        }

Regards,
Peter
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Albert]

Thank you!  I have also found that the previous example will work if you include the !important directive.

td.halfday>div

{

background-color:#ff9696 !important;

}

[Peter]

Yes, "!important" always adds the greatest weight to the css selector.


Kind regards,
Peter
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center