RadSchedulerRecurrenceEditor Dynamic Height

[Rengo]

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!

[Princy]

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.