[Solved] Different Colors For Appointment

[nagesh Mynedi]

How can I Put Different colors for weekdays in Appointment...LIke sunday toSaturday..

[Shinu]

Hi Nagesh,

You can change the appointment appearance in ItemDataBound event based on condition as shown below.

C#:

protected void RadScheduler1_AppointmentDataBound(object sender, SchedulerEventArgs e)
{
    if (e.Appointment.Start.DayOfWeek == DayOfWeek.Saturday || e.Appointment.Start.DayOfWeek == DayOfWeek.Sunday)
    {
        e.Appointment.BackColor = System.Drawing.Color.Red;

    }
    else
    {
        e.Appointment.BackColor = System.Drawing.Color.Blue;
    }
}

Also checkout the documentation that shows how to set styles for appointment.

-Shinu.

[nagesh Mynedi]

HI friend thanks ..but it was not working.....

[Peter]

Hi nagesh,

Perhaps, you need to put different color to the time slots, not the appointments. If that's the case, please see this kb article:
http://www.telerik.com/support/kb/aspnet-ajax/scheduler/setting-special-days-or-time-slots-in-radscheduler.aspx

Regards,
Peter
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[nagesh Mynedi]

Thanks for giving this..i wan to put different colors for days like sunday=green ,monday=blue tuesday=red wenesday=black ............................... like this..

[Shinu]

Hi Nagesh,

I tried following code in order to set different styles for timeslots of RadScheduler. Give a try with following code and see whether it helps.

CSS:

<style type="text/css">
    .Monday
    {
        background-color: blue !important;
    }
    .Sunday
    {
        background-color: green  !important;
    }
    .Wednesday
    {
        background-color: black  !important;
    }
    .Tuesday
    {
        background-color: red  !important;
    }
</style>

C#:

protected void RadScheduler1_TimeSlotCreated(object sender, Telerik.Web.UI.TimeSlotCreatedEventArgs e)
{
    switch (e.TimeSlot.Start.Date.DayOfWeek)
    {
        case DayOfWeek.Monday:
            e.TimeSlot.CssClass = "Monday";
            break;
        case DayOfWeek.Sunday:
            e.TimeSlot.CssClass = "Sunday";
            break;
        case DayOfWeek.Wednesday:
            e.TimeSlot.CssClass = "Wednesday";
            break;
        case DayOfWeek.Tuesday:
            e.TimeSlot.CssClass = "Tuesday";
            break;
        default:
            break;
    }
}

-Shinu.