How to control the number of rows that are highlighted when the mouse is moved over the scheduler

5 posts, 1 answers
  1. Johan
    Johan avatar
    20 posts
    Member since:
    Dec 2010

    Posted 23 Dec 2010 Link to this post

    hi all,
    when the mouse is moved over the scheduler in week or monthview, it seems 2 rows are highlighted by default (see screenshot).
    I would like to set this to another number of rows, in particular: one row.
    Is this possible?
  2. Answer
    Peter avatar
    6637 posts

    Posted 24 Dec 2010 Link to this post

    Hi Johan,

    Please, set NumberOfHoveredRows="1" for RadScheduler.  :-) 

    Best wishes,
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. Johan
    Johan avatar
    20 posts
    Member since:
    Dec 2010

    Posted 27 Dec 2010 Link to this post

    Nice! Thanks a lot.

  4. Martin
    Martin avatar
    10 posts
    Member since:
    Dec 2013

    Posted 31 Jul 2014 in reply to Peter Link to this post

    Works like a charm, but have an additional question :

    The timeslots of 'today' have a different color, done by setting the timeslot.cssclass :

            protected void Scheduler_OnTimeSlotCreated(object sender, TimeSlotCreatedEventArgs e)
                if (Scheduler.SelectedView == SchedulerViewType.WeekView || Scheduler.SelectedView == SchedulerViewType.DayView)
                    if (e.TimeSlot.Start.Date == DateTime.Now.Date)
                        e.TimeSlot.CssClass = "today";

    This works fine too, but unfortunately both things do not work together as the highlighting under the mouse pointer is not showing up on today's timeslots.
    What do i need to add to my cssclass 'today' to make it work ?
  5. Plamen
    Plamen avatar
    3080 posts

    Posted 05 Aug 2014 Link to this post

    Here is the CSS that worked correctly at my side:
    <style type="text/css">
           .today {
           .today:hover {
                background-color:blue !important;
                background-image: none !important;

    Hope this will be helpful.


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Back to Top