This is a migrated thread and some comments may be shown as answers.

RadRecurrenceEditor Styling

7 Answers 81 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Rengo
Top achievements
Rank 1
Rengo asked on 29 Jan 2013, 08:29 PM
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!

7 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 30 Jan 2013, 12:20 PM
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
0
Rengo
Top achievements
Rank 1
answered on 30 Jan 2013, 04:00 PM
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!
0
Princy
Top achievements
Rank 2
answered on 31 Jan 2013, 07:16 AM
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.
0
pbt
Top achievements
Rank 2
answered on 05 Dec 2013, 12:13 PM
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
0
Boyan Dimitrov
Telerik team
answered on 10 Dec 2013, 11:14 AM
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
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 the blog feed now.
0
pbt
Top achievements
Rank 2
answered on 10 Dec 2013, 12:11 PM
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.
0
Boyan Dimitrov
Telerik team
answered on 11 Dec 2013, 05:19 PM
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
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 the blog feed now.
Tags
Scheduler
Asked by
Rengo
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Rengo
Top achievements
Rank 1
pbt
Top achievements
Rank 2
Boyan Dimitrov
Telerik team
Share this question
or