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

Customizing the Navigation Controls

1 Answer 18 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Joseph Hua
Top achievements
Rank 1
Joseph Hua asked on 29 Jun 2010, 05:15 PM
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

 

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 01 Jul 2010, 02:27 PM
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
Tags
Calendar
Asked by
Joseph Hua
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or