Style question

[Ben White]

Hi,

I am trying to interact with the calendar control server side (c#)

I collect a number of dates from a database and alter the styling of these date cells. The dates from the database are "busy" dates.

So far I have managed to modify the background colour and fore colour of these cells but am unable to

1. Disable these dates completely so that they do not respond to a mouse click
2. Stop the hover style appearing when they mouse is hovered

Ideally I would like to:

1. Disable particular dates and set their styles on the server side
2. Set individual styling on particular days (like colour, hover style etc)

I am finding it particularly frustrating that there seems to be no server side ability to iterate through the dates and set individual css properties on an individual basis.

Please could you let me know if what I am trying to achieve is possible?

Thanks in advance.

[robertw102]

The way that I add the days to the RadCalendar control is by adding them to SpecialDays collection of the calendar. Here's an example of how I do it:

// create calendar day
                RadCalendarDay bookedDay = new RadCalendarDay(RadCalendar1);
                bookedDay.Date = dtBoldDate;
                bookedDay.ItemStyle.Font.Bold = true;
                bookedDay.ItemStyle.CssClass = "BookingNormal";

                // repeat day only once
                bookedDay.Repeatable = Telerik.Web.UI.Calendar.RecurringEvents.None;



                    // add to special days list
                    RadCalendar1.SpecialDays.Add(bookedDay);

The code above just created RadCalendarDay objects and adds them to the SpecialDays collection. In my example I just set the CSSClass used to modify the day's appearance, but you add you own styles as well. If you want to disable the ability of selecting them, which I guess would cause the same effect of disabling them, then you would set the property IsSelectable="false" of the RadCalendarDay object.

I hope that helps.

[Ben White]

I appreciate you taking the time to help.

I am struggleing I think to find relevent documentation. I am using the following code below to add special days in.

I am calling this in the dayrender event but it seems to be inconsistent. For example using the code below the tooltip is not showing up where as if I set the e.Cell.ToolTip property it does show up. Also styles are differently applied (ie. the style assignment only shows up on a rollover)

Very confusing and there seem to be very few "real world" examples available.

RadCalendarDay

 

bookedDay = new RadCalendarDay(RadCalendar1);

 

bookedDay.Date =

new DateTime(e.Day.Date.Year, e.Day.Date.Month, e.Day.Date.Day);

 

bookedDay.ItemStyle.Font.Bold =

true;

 

bookedDay.ItemStyle.CssClass =

"BookingNormal";

 

bookedDay.ToolTip =

"hello";

 

 

// repeat day only once

 

bookedDay.Repeatable = Telerik.Web.UI.Calendar.

RecurringEvents.None;

 

 

// add to special days list

 

RadCalendar1.SpecialDays.Add(bookedDay);

[Ben White]

I'm going to mark this as solved as the advice in essence is correct and helped.

[robertw102]

Is there a reason that your adding the days in the RadCalendar's DayRender event? In my applications I add them in the Page_Load event.

[Ben White]

Wrongly or rightly I am using things like

if

 

(e.Day.IsWeekend){
DayObject.IsSelectable = false;

 

e.Cell.CssClass =

"MyClassWeekend";

 

e.Cell.ToolTip =

"Mon-Fri only";

 

}
RadCalendar1.SpecialDays.Add(DayObject);

 

 

I use the above to set style and state specific to day types (ie. weekend, booked, available)

I could find any way of iterating through the days collection of the calendar in the Page_Load event. I would have much preferred to do it this way.

I have now posted a full example of the calendar with .txt file links to the code and aspx files so you can see what I mean.
http://gcdemos.co.uk/caltest.aspx

Two days on this and I'm tearing my hair out :(

Now have it to a stage where I can set all of the styles but when I fast nav to a month and then go back, any dates that have been selected lose their style when the hover event occurs.

Going mad so any help much appreciated.

Thanks.

[Ben White]

Further to my last post.

I have found that by setting

RadCalendar1.SpecialDays.Clear();

It will stop the mouse hover removing the selected days.

This is turn though introduces another bug which is that the setting of IsSelectable=false does not work.
If I check a click event on the client side, even after setting as false on the server, the client picks it up as true.
This does not happen when the .Clear() method is not used.

Very strange and unless I'm doing something very wrong then this is a bug.