Changing the Radschedular Sitefinity orange arrow

[Roopesh]

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

[Veronica]

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

[Roopesh]

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

[Veronica]

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