Customize navigation buttons inside the titlebar in calendar

[sudheer]

Hi Telerik team,

i like to use  Skin="webBlue" in my radcalendar but with customized color. so i created separate css class and changed webblue with my application theme .i m able to change color but not images for navigation in header. i found through toolbar it is automatically  looking src like below
http://localhost:2015/Parentroot/Foldername(aspx resides) /fastNavLeft.gif.

but images are available like the below path http://localhost:2015/Parentroot/App_Themes/images/fastNavLeft.gif.

how to give the path through css(webblue_modified.css)  or through coding .

[Dimo]

Hello Sudheer,

You can customize the RadCalendar navigation buttons with CSS by setting new background images for the following CSS classes:

.rcFastPrev, .rcPrev, .rcNext, .rcFastNext

For example:

.RadCalendar_SkinName  .rcTitlebar  a.rcPrev
{
      background-image:url(.......);
      background-position:0 0;
}

If you prefer to customize the navigation buttons declaratively, you simply have to set the corresponding properties:

FastNavigationPrevImage, NavigationPrevImage, NavigationNextImage, FastNavigationNextImage

http://www.telerik.com/help/aspnet-ajax/calendar_radcalendarnavigationcontrols.html

Greetings,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.