Horizontal lines not aligned

[epb]

Hi,

We are having problems with horizontal lines not being aligned in the Scheduler (see attached image not_aligned.png - note that the red areas in the image are appointments that have visible=false and a red background). The mark-up for our Scheduler is:

<telerik:RadScheduler runat="server" ID="CalendarScheduler" DayStartTime="06:00:00" Culture="da-DK" AllowEdit="False" AllowDelete="False" GroupBy="User" DayEndTime="20:00:00" TimeZoneOffset="02:00:00" DataKeyField="ID" Format="HH:mm" DataSubjectField="Subject" DataStartField="Start" DataEndField="End" InsertingInAdvancedForm="True" OverflowBehavior="Expand" ColumnWidth="50px" SelectedView="WeekView" ShowAllDayRow="False" ShowViewTabs="False" Height="414px" OnClientAppointmentInserting="OnClientAppointmentInserting" RowHeight="12px" OnAppointmentDataBound="RadScheduler1_OnAppointmentDataBound" OnTimeSlotCreated="RadScheduler1_TimeSlotCreated" OnFormCreating="RadScheduler1_OnFormCreating" NumberOfHoveredRows="3" FirstDayOfWeek="Monday" LastDayOfWeek="Sunday" OnResourceHeaderCreated="RadScheduler1_ResourceHeaderCreated">

It seems that the misaligned lines causes appointments to be misaligned as well: See attached image appointments.png. The three purple appointments should fill out the entire white areas (the appointment data indicates this when we debug) but they do clearly not.

Any ideas?

[Plamen]

Hi Epb,

You can try to use the following CSS for the misalignment issue(image attached):
http://screencast.com/t/9T308KeVNb

.rsVerticalHeaderTable DIV
     {
         line-height:14px !important ;
         }

As for the second issue I could not observe it even after using your code. Here is the code that can be used to color the time slots:

protected void RadScheduler1_TimeSlotCreated(object sender, TimeSlotCreatedEventArgs e)
   {
       e.TimeSlot.CssClass = "yellow";
   }

.yellow
       {
           background-color:Yellow !important;
           }

Hope this helps.

Best wishes,
Plamen Zdravkov
the Telerik team