Code

[Fred]

Do you have sample code to do the skin change and display the color sample like in this screen shot?

[Galin]

Hi Fred,

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

 

 

[Fred]

where do I find these examples? I looked at demo code but this routine was not there.

[Galin]

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