RadRecurrenceEditor Styling

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

    Posted 29 Jan 2013 Link to this post

    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!
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 30 Jan 2013 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Rengo
    Rengo avatar
    25 posts
    Member since:
    Nov 2012

    Posted 30 Jan 2013 Link to this post

    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!
  5. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 31 Jan 2013 Link to this post

    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.
  6. pbt
    pbt avatar
    4 posts
    Member since:
    Oct 2003

    Posted 05 Dec 2013 Link to this post

    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
  7. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    1746 posts

    Posted 10 Dec 2013 Link to this post

    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.
  8. pbt
    pbt avatar
    4 posts
    Member since:
    Oct 2003

    Posted 10 Dec 2013 Link to this post

    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.
  9. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    1746 posts

    Posted 11 Dec 2013 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017