Changing the Radschedular Sitefinity orange arrow

4 posts, 0 answers
  1. Roopesh
    Roopesh avatar
    2 posts
    Member since:
    Aug 2010

    Posted 25 Mar 2011 Link to this post

    In Radschedular control, how can we change only the orange arrow to black arrow  which is part of the skin -sitefinity applied to Radschedular control
    Attachment shows the arrow
  2. Veronica
    Admin
    Veronica avatar
    1213 posts

    Posted 26 Mar 2011 Link to this post

    Hello Roopesh,

    Please note that both the left and right arrows are sprites. That's why you need to replace the sprite in this Css class to be able to show black arrow:

    .RadScheduler_Sitefinity .rsApt .rsArrowRight, 
    .RadScheduler_Sitefinity .rsApt .rsArrowLeft
            {
                background-image: url("Scheduler/rsSprites.png");
            }

    Greetings,
    Veronica Milcheva
    the Telerik team
  3. Roopesh
    Roopesh avatar
    2 posts
    Member since:
    Aug 2010

    Posted 27 Mar 2011 Link to this post

    Hi Veronica,

    The sitefinity skin(with Css file) is not included in our solution, i'm not sure if this skin is download from telerik site when we say
    <telerik:RadScheduler runat="server" ID="RadScheduler1"                                        
                        Skin="Sitefinity"
    I tried to overwrite this Css class in the aspx file itself but then it didnot work

         <style type="text/css">
         .RadScheduler_Sitefinity .rsApt .rsArrowLeft,
         .RadScheduler_Sitefinity .rsApt .rsArrowRight
         {
          background-color: Transparent;
          background-image: url('/Images/arrowUp.gif');
          background-repeat: no-repeat;
           }
         </style>

    Can you please tell me i have download this skin and then change the Css class or the rsSprites.png image and also i noticed that rsSprites is a big image and not just the arrow image

    Also my only confusion is should i put the complete sprite image or can only have a small black arrow image and point css to that which i think i tried and didn't work

    Thanks
    Roopesh Naik
  4. Veronica
    Admin
    Veronica avatar
    1213 posts

    Posted 30 Mar 2011 Link to this post

    Hi Roopesh,

    You can get the skin from the download path to your RadControls. For example:
    C:\Program Files (x86)\Telerik\RadControls for ASP.NET AJAX Q3 2010\Skins\Sitefinity

    Here's the Css code to set the new image as right arrow:

    .RadScheduler_Sitefinity .rsApt .rsArrowRight
           {
               background: url('arrow-right.gif') left top !important;
           }

    Please find the new arrow in the attached .zip file and let me know if this was helpful.

    Kind regards,
    Veronica Milcheva
    the Telerik team
Back to Top