Stop day selection/hover in RadScheduler MonthView

[John]

I am using a RadScheduler only in MonthView to display appointments only (no editing functions at all).

I also have done a CSS change to highlight today.

The problem is that when the user hovers over days they are highlighted and if they click on a day it stays highlighted. This serves no purpose when there is no editing or other views.

How can I disable the hover and selection?

I tried overriding CSS but only managed to remove the hover on the day but not the day header.

[Plamen]

Hi,

 
You can set the NumberOfHoveredRows="0" property of RadScheduler.

hope this will help you.

Regards,
Plamen
the Telerik team

[Janice South]

Perfect. Thank you.

[John]

Yes that works well for hover, but is there a way of stopping selection too?

[Plamen]

Hi John,

 
If you want to stop the selection I will recommend you to override the styles caused by the rsSelectedSlot 
 as it is done for example in the code below:

td.rsSelectedSlot {
      background: none !important;
      border-color:#E8EAEC !important;
  }
   .rsSelectedSlot, .rsMonthView .rsSelectedSlot {
      background: none !important;
      border-color: none !important;
  }

Hope this will be helpful.

Kind regards,
Plamen
the Telerik team

[John]

That works well, except that I have today's date highlighted, and if you click on today it clears the highlight.
Though it is not a major problem.
Thank you for your help.

[Terrance]

Where is the Hover Property? I would like to bind some database data to appoints as I hover them. Is there any documentation on that?

[Plamen]

Hi Terrance,

 
You can set custom classes to the appointment in the AppointmentDataBound event as explained in this help topic in the Using custom background image section. Here is the CSS that you need to add to set different hover rules:

.RadScheduler .MyCustomAppointmentStyle .rsAptContent:hover,
       .RadScheduler .MyCustomAppointmentStyle .rsAptMid .rsAptIn:hover,
       .RadScheduler .MyCustomAppointmentStyle .rsAptMid:hover {
           background: Red;
       }

Hope this will be helpful.

Kind regards,
Plamen
the Telerik team