Stop day selection/hover in RadScheduler MonthView

8 posts, 0 answers
  1. John
    John avatar
    31 posts
    Member since:
    May 2011

    Posted 12 Feb 2013 Link to this post

    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.
  2. Plamen
    Admin
    Plamen avatar
    3079 posts

    Posted 15 Feb 2013 Link to this post

    Hi,

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

    hope this will help you.

    Regards,
    Plamen
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. Janice South
    Janice South avatar
    9 posts
    Member since:
    Feb 2007

    Posted 17 Feb 2013 Link to this post

    Perfect. Thank you.
  4. John
    John avatar
    31 posts
    Member since:
    May 2011

    Posted 17 Feb 2013 Link to this post

    Yes that works well for hover, but is there a way of stopping selection too?
  5. Plamen
    Admin
    Plamen avatar
    3079 posts

    Posted 20 Feb 2013 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  6. John
    John avatar
    31 posts
    Member since:
    May 2011

    Posted 26 Feb 2013 Link to this post

    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.
  7. Terrance
    Terrance avatar
    2 posts
    Member since:
    Mar 2013

    Posted 03 May 2013 Link to this post

    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?
  8. Plamen
    Admin
    Plamen avatar
    3079 posts

    Posted 06 May 2013 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top