RadControls for ASP.NET AJAX

Using custom skins or modifying the built-in skins of Telerik controls in DNN is achieved in almost the same way as in a regular web site following the approach for manual skin registration. The only difference in DNN is that you can use the Style Skin Object to register the control's css skin file in your dnn skin.

Note
The Style Skin Object is relatively new and is available with DNN 4.9.0 or a later version. More about it you can read here. If you are using an older version of DNN you can register the styles in the default page of your dnn site.

Example

The following steps show how to manually register the Vista skin for RadMenu.

1. Go to your local installation of the Telerik.Web.UI controls -> Skins\Vista and copy the Menu.Vista.css file and the Menu folder to a convenient location in your dnn web site. For example, [MyDnnWebSite]\Skins\Vista.

2. In your dnn skin, register the Menu.Vista.css file using the Style Skin Object:

CopyASPX

<dnn:STYLES runat="server" ID="MenuVistaSkinStyles1" Name="MenuVistaSkinStyles"   
    StyleSheet="Skins/Vista/Menu.Vista.css"  UseSkinPath="false" />

3. In your dnn skin, configure RadMenu as follows:

CopyASPX

<dnn:RADMENU ID="RadMenu1" runat="server" Skin="Vista" EnableEmbeddedSkins="false" />