Horizontal lines not aligned

2 posts, 0 answers
  1. epb
    epb avatar
    1 posts
    Member since:
    Nov 2011

    Posted 04 Nov 2011 Link to this post


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

    Posted 09 Nov 2011 Link to this post

    Hi Epb,

    You can try to use the following CSS for the misalignment issue(image attached):
    .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";

               background-color:Yellow !important;

    Hope this helps.

    Best wishes,
    Plamen Zdravkov
    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