Customizing the Navigation Controls

[Joseph Hua]

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

 

[Dimo]

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