Customizing the Navigation Controls

2 posts, 0 answers
  1. Joseph Hua
    Joseph Hua avatar
    10 posts
    Member since:
    Apr 2010

    Posted 29 Jun 2010 Link to this post

    The CSS classes of the four navigation buttons are rcFastPrev, rcPrev, rcNext and rcFastNext.
    We can remove the navigation buttons by using

     

        function calendarLoad(sender, args) {

     

        $telerik.$(

    ".rcPrev").removeClass("rcPrev");

     

        $telerik.$(

    ".rcNext").removeClass("rcNext");

     

        $telerik.$(

    ".rcFastPrev").removeClass("rcFastPrev");

     

        $telerik.$(

    ".rcFastNext").removeClass("rcFastNext");

     

        }

    Then if we set the

     

    NavigationPrevText

     

    ="&lt; Prev" NavigationNextText="Next &gt;", we can navigate using <Prev and Next>. But then how can we munipulate the cell containing "<Prev" and "Next>"? I mean the font, background color, fore color, etc.

    Thanks for help!

    Joseph Hua

     

  2. Dimo
    Admin
    Dimo avatar
    8471 posts

    Posted 01 Jul 2010 Link to this post

    Hi Joseph,

    You can obtain a reference to the table cell containing a navigation button like this:

    $telerik.$(".rcPrev").parent()

    http://api.jquery.com/parent/

    For example:

    $telerik.$(".rcPrev").parent().css("background-color", "#ff0");

    Regards,
    Dimo
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Back to Top