Move next month/previous month arrows

7 posts, 0 answers
  1. Dan
    Dan avatar
    32 posts
    Member since:
    Feb 2010

    Posted 17 Nov 2011 Link to this post

    On month view, my customer wants the previous month arrow to appear to the left of the Date header and the next month arrow to appear to the right. So instead of:

    < > November, 2011

    they want:

    < November, 2011 >

    Is there a way to do this?

    Thanks,
    Dan
  2. Plamen
    Admin
    Plamen avatar
    2925 posts

    Posted 21 Nov 2011 Link to this post

    Hello Dan,

    Here is a set of CSS styles that achieve a similar functionality and move the navigation arrows as in the png file.

    /** Move link to the right */
    html  div.RadScheduler .rsHeader .rsNextDay {
        margin-left: 220px;
    }
           
           
    /** Move title to the left */
    html  div.RadScheduler .rsHeader h2{
        margin-left: -225px;
        text-indent: 0;
        float: left;
        display: inline;
    }
           
           
    /** Hide today link and date chooser */
    html  div.RadScheduler .rsHeader .rsToday,
    html  div.RadScheduler .rsHeader .rsDatePickerActivator {
        display: none;
    }


    You can set the margin pixels according to your scenario.

    Hope this will be helpful. If you have further questions please feel free to ask.

    Regards,
    Plamen Zdravkov
    the Telerik team
    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 their blog feed now
  3. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 21 Nov 2011 Link to this post

    Hello Dan,

    Here is a set of CSS styles that moves the navigation arrows and will help you to achieve a similar functionality.

    /** Move link to the right */
    html  div.RadScheduler .rsHeader .rsNextDay {
        margin-left: 220px;
    }
           
           
    /** Move title to the left */
    html  div.RadScheduler .rsHeader h2{
        margin-left: -225px;
        text-indent: 0;
        float: left;
        display: inline;
    }
           
           
    /** Hide today link and date chooser */
    html  div.RadScheduler .rsHeader .rsToday,
    html  div.RadScheduler .rsHeader .rsDatePickerActivator {
        display: none;
    }


    You can set the margin pixels according to your scenario.

    Hope this will be helpful. If you have further questions please feel free to ask.

    Regards,
    Helen
    the Telerik team
    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 their blog feed now
  4. Dan
    Dan avatar
    32 posts
    Member since:
    Feb 2010

    Posted 23 Nov 2011 Link to this post

    That's perfect. Thanks Plamen / Helen!
  5. Christopher
    Christopher avatar
    5 posts
    Member since:
    Nov 2016

    Posted 13 Feb 2017 Link to this post

    I am using a radscheduler control in my project that defaults to the month view.  The previous and next buttons say previous day and next day instead of previous month and next month.  How do I change these?
  6. Rumen
    Admin
    Rumen avatar
    13704 posts

    Posted 13 Feb 2017 Link to this post

    Hello Christopher,

    You can localize both strings through the provided localization:

    http://demos.telerik.com/aspnet-ajax/scheduler/examples/localization/defaultcs.aspx

    http://docs.telerik.com/devtools/aspnet-ajax/controls/scheduler/accessibility-and-internationalization/translating-strings 

    Regards,
    Rumen
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  7. Christopher
    Christopher avatar
    5 posts
    Member since:
    Nov 2016

    Posted 13 Feb 2017 in reply to Rumen Link to this post

    What I need to be able to do is if in month view, say next month, previous month. If in week view, say next week, previous week, and if in day view, say next day and previous day.  Editing the Localization will only make the buttons say the same thing no matter which view is displayed.
  8. Christopher
    Christopher avatar
    5 posts
    Member since:
    Nov 2016

    Posted 13 Feb 2017 in reply to Christopher Link to this post

    Nevermind.. I'll keep it simple and just say Next and Previous.  :)  Thank you for the help!
Back to Top