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
Attachment shows the arrow
3 Answers, 1 is accepted
0
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:
Greetings,
Veronica Milcheva
the Telerik team
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
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
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:
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
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