Do you have sample code to do the skin change and display the color sample like in this screen shot?
3 Answers, 1 is accepted
0
Hi Fred,
Actually this is RadRotator, but the RadSkinManager is used to change the skin on item click.
Code Behind:
Please note this code is part of the examples, which I hope you have installed already.
I hope this helps.
Regards,
Galin
Telerik
Actually this is RadRotator, but the RadSkinManager is used to change the skin on item click.
<
telerik:RadRotator
ID
=
"QsfSkinRotator"
runat
=
"server"
FrameDuration
=
"3000"
AutoPostBack
=
"true"
RotatorType
=
"Buttons"
Height
=
"87px"
ItemHeight
=
"87px"
Width
=
"100%"
ItemWidth
=
"105px"
OnItemClick
=
"QsfSkinRotator_OnItemClick"
Skin
=
"Default"
WrapFrames
=
"false"
EnableDragScrolling
=
"true"
Style
=
"margin-left: 0;"
EnableEmbeddedSkins
=
"false"
EnableEmbeddedBaseStylesheet
=
"false"
>
<
ItemTemplate
>
<
a
href
=
"#"
title
=
""
class
=
"qsf-rotator-link"
><
span
class="qsf-rotator-thumbs qsf-rotator-<%# Container.DataItem %>"> </
span
>
<
asp:Label
ID
=
"SkinName"
runat
=
"server"
CssClass
=
"qsf-rotator-skin"
Text="<%# Container.DataItem %>" />
</
a
>
</
ItemTemplate
>
<
ControlButtons
LeftButtonID
=
"leftArrow"
RightButtonID
=
"rightArrow"
/>
</
telerik:RadRotator
>
Code Behind:
protected
void
QsfSkinRotator_OnItemClick(
object
sender, RadRotatorEventArgs e) {
var selectedSkinName = (e.Item.FindControl(
"SkinName"
)
as
Label).Text;
QsfSkinManager.Skin = selectedSkinName;
//Set the skin on RadSkinManager
}
Please note this code is part of the examples, which I hope you have installed already.
I hope this helps.
Regards,
Galin
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.
0

Fred
Top achievements
Rank 1
answered on 15 Oct 2014, 03:38 PM
where do I find these examples? I looked at demo code but this routine was not there.
0
Hello Fred,
The provided code-snippet is part of the files:
Installation Folder\Telerik.Web.Examples\Common\UserControls\SkinChooser.ascx
Installation Folder\Telerik.Web.Examples\Common\UserControls\SkinChooser.ascx.cs
I hope this helps.
Regards,
Galin
Telerik
The provided code-snippet is part of the files:
Installation Folder\Telerik.Web.Examples\Common\UserControls\SkinChooser.ascx
Installation Folder\Telerik.Web.Examples\Common\UserControls\SkinChooser.ascx.cs
I hope this helps.
Regards,
Galin
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.