This is a migrated thread and some comments may be shown as answers.

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

4 Answers 51 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Johan
Top achievements
Rank 1
Johan asked on 23 Dec 2010, 11:33 AM
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?
regards,
Johan

4 Answers, 1 is accepted

Sort by
0
Accepted
Peter
Telerik team
answered on 24 Dec 2010, 05:36 PM
Hi Johan,

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

Best wishes,
Peter
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.
0
Johan
Top achievements
Rank 1
answered on 27 Dec 2010, 09:48 AM

Nice! Thanks a lot.

0
Martin
Top achievements
Rank 2
answered on 31 Jul 2014, 11:05 PM
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 ?
0
Plamen
Telerik team
answered on 05 Aug 2014, 10:50 AM
Hi,
Here is the CSS that worked correctly at my side:
<style type="text/css">
       .today {
             background-color:red;
       }
       .today:hover {
            background-color:blue !important;
            background-image: none !important;
       }
   </style>

Hope this will be helpful.

Regards,
Plamen
Telerik
 

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.

 
Tags
Scheduler
Asked by
Johan
Top achievements
Rank 1
Answers by
Peter
Telerik team
Johan
Top achievements
Rank 1
Martin
Top achievements
Rank 2
Plamen
Telerik team
Share this question
or