Customizing skins
Telerik RadDock framework allows easy customizing the appearance of all elements of a dynamic layout by using skins. The skin is a set of a CSS style sheet and several images which are used to set the base appearence of the layout. Creating a new skin is a simple task - copy one of the existing skins and modify its contents according to your design and then set this skin name to the RadDockingManager.Skin property (the skin name is the name of the folder that contains this skin files).
The example below shows how skin properties are set:
[aspx/ascx] (declaratively)
<rad:raddockingmanager
id="RadDockingManager1"
runat="server"
skin="Telerik">
</rad:raddockingmanager> |
[C#] (in the codebehind)
private void ddlSkins_SelectedIndexChanged(object sender, EventArgs e)
{
string skin = ddlSkins.Items[ddlSkins.SelectedIndex].Value;
string skinsPath = string.Empty;
switch (skin)
{
case "Default":
case "Custom":
case "Monochrome":
skinsPath = "~/RadControls/Dock/Skins";
break;
default:
skinsPath = "~/Dock/Examples/Skins/Skins/";
break;
}
this.RadDockingManager1.SkinsPath = skinsPath;
this.RadDockingManager1.Skin = ddlSkins.Items[ddlSkins.SelectedIndex].Value;
} |
See Also