RadRecurrenceEditor Styling

[Rengo]

How do I apply styling to the displayed RadRecurrenceEditor so it will accomplish the following:
1.  Remove the spacing so the controls are shifted up.
2.  Display all of the days on a single line.



Thank You in Advance!

[Princy]

Hi Rengo

Try the following CSS to display the days on a single line.
CSS

<style type="text/css">
.RecurrenceEditor .rsAdvPatternPanel
 {
   width:675px !important;
 }
.rsAdvWeekly_WeekDays li
 {
   clear:none !important;
 }
</style>

Thanks,
Princy

[Rengo]

Thank You Princy!  That put all of the days on the same line.

Does anyone know how to remove the whitespace so the controls are shifted up?

Thank You in Advance!

[Princy]

Hi Rengo,

Unfortunately I couldn't replicate the white space in the RadRecurrenceEditor. Here is the complete code I tried.

ASPX:

<telerik:RadScheduler ID="RadScheduler1" runat="server" Width="100%" AllowDelete="true"
    RowHeight="50" OnClientTimeSlotClick="OnClientTimeSlotClick" AllowEdit="true"
    AllowInsert="true" Height="500" DataDescriptionField="Description" DataEndField="End"
    ForeColor="Blue" DataKeyField="ID" DataRecurrenceField="RecurrenceRule" EnableAdvancedForm="true"
    DataRecurrenceParentKeyField="RecurranceParentID" DataReminderField="Reminder"
    StartInsertingInAdvancedForm="true" DataSourceID="SqlDataSource2" DataStartField="Start"
    DataSubjectField="Subject">
</telerik:RadScheduler>

CSS:

<style type="text/css">
.RecurrenceEditor .rsAdvPatternPanel
 {
   width:675px !important;
 }
.rsAdvWeekly_WeekDays li
 {
   clear:none !important;
 }
.RadScheduler .rsAdvancedEdit textarea
 {
   height :50px !important;
 }
</style>

Please take a look into the attached screenshot.


Thanks,
Princy.

[pbt]

Hello,

I know it is an old post, however, I need help as I am having problems trying to set the height of the RadRecurrenceEditor control to a large enough height to display all its contents.

Instead, I always get the result as shown in the attached image.

I wish it could appear in runtime as it appears in design mode.

Can anyone help?
Thank you

[Boyan Dimitrov]

Hello,

I would like to clarify that I am not able to replicate such appearance issue with our RadScheduler advanced form with Metro skin. Could you please clarify what RadControls version you use or if you use some custom styles in your project? Could you please confirm that you experience same problem when you open the RadScheduler demos?


Regards,
Boyan Dimitrov
Telerik

[pbt]

Hello Boyan,

Thank you for your response.

I am using Internet Explorer 11 (11.0.9600.16428) to view my web app. Also, I am using Telerik.Web.UI 2013.1.220.45.

When I use the online demos on your site, I do NOT experience this problem. However, when I use the live demos installed locally on my workstation (which I have not modified in any way) I have similar issues to what I am experiencing, only at a lesser degree. Please see the attached images to see what I mean.

Thank you for your help.
P.

[Boyan Dimitrov]

Hello,

I would like to clarify that we added support for IE11 in our last official release Q3 2013 SP1 (2013.3.1114) and it is expected to experience some problems under IE11 with older versions (for example 2013.1.220.45). In order to avoid any issues under IE11 I would suggest updating the RadControls to the latest version.


Regards,
Boyan Dimitrov
Telerik