RadPanelBar Q3 2008 Skins Available for Download

[Telerik Admin]

Using 2008.Q3 skins with 2009.Q1 Release : RadPanelBar

The official Q3 skins for RadPanelBar are attached to this post (Q3-Skins-RadPanelBar.zip).

The same instructions can also be applied for custom skins (since the RadPanelBar did not change its CSS class names).

There are two ways of using the attached skins (SkinName is the skin that you want to use):

ASP.NET Themes

This method is useful if you need to use the skin for all controls of a specific type in the whole web application.

You need to:

                1. change the <pages> declaration in your web.config to <pages theme="SkinName"> e.g.
                               <pages theme="Gray">

                2. add the following lines to the <appSettings> section of your web.config:

                                <add key="Telerik.EnableEmbeddedBaseStylesheet" value="false" />

                                <add key="Telerik.EnableEmbeddedSkins" value="false" />

                               <add key="Telerik.Skin" value="SkinName"/>
                      e.g.

                               <add key="Telerik.Skin" value="Gray"/>

                3. create an ASP.NET Theme, named SkinName and add the following all files and folders from the Q3-Skins-RadPanelBar archive:

                               Skins/ PanelBar.css

Skins/SkinName/*
e.g.

Skins/PanelBar.css
Skins/Gray/PanelBar.Gray.css
Skins/Gray/PanelBar/*.*

                              

A sample project, demonstrating this method, is attached to this post (Q3-Skins-ASPNETThemes-RadPanelBar.zip).

Direct skin registration

This method is useful if you have fewer instances of RadPanelBar.

You need to:

                1. set the Skin property accordingly

                2. set the EnableEmbeddedSkins and the EnableEmbeddedBaseStylesheet properties to false

                3. register the skin file using the following CSS:

    <link rel="stylesheet" type="text/css" href="~/Skins/ PanelBar.css" runat="server " />

<link rel="stylesheet" type="text/css" href="~/Skins/SkinName/PanelBar.SkinName.css" runat="server" />
e.g.

    <link rel="stylesheet" type="text/css" href="~/Skins/ PanelBar.css" runat="server" />

                    <link rel="stylesheet" type="text/css" href="~/Skins/Gray/PanelBar. Gray.css" runat="server"/>

A sample project, demonstrating this method, is attached to this post (Q3-Skins-DirectSkinRegistration-RadPanelBar.zip).