RadSchedulerRecurrenceEditor Dynamic Height

2 posts, 0 answers
  1. Rengo
    Rengo avatar
    25 posts
    Member since:
    Nov 2012

    Posted 12 Feb 2013 Link to this post


    Does anyone know the CSS styling that will set the dynamic height so all of the weekdays to be displayed within the RadSchedulerRecurrenceEditor container?

    The following is the CSS applied to the RadSchedulerRecurrenceEditor control displayed above:
      <style type="text/css">
        .RecurrenceEditor .rsAdvPatternPanel
           margin-left: 0px !important;
           padding: 0px 0px 0px 0px;
           width: 120px !important;
        .rsAdvWeekly_WeekDays li
              margin-left: 0px;
              width: auto !important;

    Thank You!
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 12 Feb 2013 Link to this post

    Hi Rengo,

    Please check the following CSS I tried to show all the weekdays inside the RadScheduler RecurrenceEditor container.

    <telerik:RadScheduler ID="RadScheduler1" runat="server" AllowInsert="true" AppointmentContextMenuSettings-EnableDefault="true"
        TimeSlotContextMenuSettings-EnableDefault="true" DataDescriptionField="Description"
        DataEndField="End" DataKeyField="ID" DataRecurrenceField="RecurrenceRule" DataRecurrenceParentKeyField="RecurranceParentID"
        DataReminderField="Reminder" DataSourceID="SqlDataSource1" DataStartField="Start"
        DataSubjectField="Subject" Height="" EnableAdvancedForm="true">
        <Localization AllDay="All Days" />

    <style type="text/css">
    .RadScheduler .rsAdvFormWrap
        height: 320px !important;
        width: 600px !important;
    .RecurrenceEditor_Default div.rsAdvPatternPanel
        height: 200px !important;
        width: 380px !important;
    .RecurrenceEditor .rsAdvWeekly_WeekDays li
        float: none !important;

Back to Top