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

    Hello,

    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
         {  
           position:absolute;
           margin-left: 0px !important;
           padding: 0px 0px 0px 0px;
           width: 120px !important;
         }
       
        .rsAdvWeekly_WeekDays li
         {
              margin-left: 0px;
              width: auto !important;
         }
        </style>

    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.

    ASPX:
    <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" />
    </telerik:RadScheduler>

    CSS:
    <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;
    }
    </style>

    Thanks,
    Princy.
Back to Top