How to set a different background color for other month dates?

[sabarishbabu]

Hi,

In Scheduler month view,I want to display the dates from other months  in  a diff color than dates inthe current  month, so that it is easy for the user.

 

For e.g.: Scheduler monthview for September 2009 shows August (30, 31) and October (1, 2, and 3). I wantto set Grey color to August and October dates. How to do this?

p.s. the sameissue in Week view  too.

Any clues/hints would help.

 

Thanks

Sabarish

[Shinu]

Hi Sabarish,

Try the following approach in order to set the style for other month days.

CSS:

<style type="text/css">
    .OtherMonth
    {
        background-color: Gray  !important;
    }
</style>

C#:

protected void RadScheduler1_TimeSlotCreated(object sender, Telerik.Web.UI.TimeSlotCreatedEventArgs e)
{
    if (RadScheduler1.SelectedView == SchedulerViewType.MonthView || RadScheduler1.SelectedView == SchedulerViewType.WeekView)
    {
        String month = RadScheduler1.SelectedDate.Month.ToString();
        if (e.TimeSlot.Start.Date.Month.ToString() != month)
        {
            e.TimeSlot.CssClass = "OtherMonth";
        }
    }
}

-Shinu.

[durul]

how can hide other month appointments and date box ?

[Veronica]

Hello Durul,

Please take a look at this forum post for a solution.

Kind regards,
Veronica Milcheva
the Telerik team