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

Changing the Radschedular Sitefinity orange arrow

3 Answers 144 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Roopesh
Top achievements
Rank 1
Roopesh asked on 25 Mar 2011, 05:25 PM
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

3 Answers, 1 is accepted

Sort by
0
Veronica
Telerik team
answered on 26 Mar 2011, 10:19 AM
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
0
Roopesh
Top achievements
Rank 1
answered on 27 Mar 2011, 11:04 AM
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
0
Veronica
Telerik team
answered on 30 Mar 2011, 02:50 PM
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
Tags
Scheduler
Asked by
Roopesh
Top achievements
Rank 1
Answers by
Veronica
Telerik team
Roopesh
Top achievements
Rank 1
Share this question
or