Customize navigation buttons inside the titlebar in calendar

2 posts, 0 answers
  1. sudheer
    sudheer avatar
    109 posts
    Member since:
    Dec 2008

    Posted 11 Mar 2009 Link to this post

    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 .

  2. Dimo
    Admin
    Dimo avatar
    8460 posts

    Posted 12 Mar 2009 Link to this post

    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.
Back to Top