Defining Multiple Skin Options: SkinID
To create multiple definitions of a single element,
you use the SkinID attribute to differentiate among the definitions.
File: Summer.skin file
<asp:Label Runat="server" ForeColor="#004000" Font-Names="Verdana"
Font-Size="X-Small" />
<asp:Textbox Runat="server" ForeColor="#004000" Font-Names="Verdana"
Font-Size="X-Small" BorderStyle="Solid" BorderWidth="1px"
BorderColor="#004000" Font-Bold="True" />
<asp:Textbox Runat="server" ForeColor="#000000" Font-Names="Verdana"
Font-Size="X-Small" BorderStyle="Dotted" BorderWidth="5px"
BorderColor="#000000" Font-Bold="False" SkinID="TextboxDotted" />
<asp:Textbox Runat="server" ForeColor="#000000" Font-Names="Arial"
Font-Size="X-Large" BorderStyle="Dashed" BorderWidth="3px"
BorderColor="#000000" Font-Bold="False" SkinID="TextboxDashed" />
<asp:Button Runat="server" ForeColor="#004000" Font-Names="Verdana"
Font-Size="X-Small" BorderStyle="Solid" BorderWidth="1px"
BorderColor="#004000" Font-Bold="True" BackColor="#FFE0C0" />
A simple .aspx page that uses the Summer.skin file with multiple text- box style definitions
<%@ Page Language="VB" Theme="Summer" %>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Different SkinIDs</title>
</head>
<body>
<form id="form1" runat="server">
<p>
<asp:Textbox ID="TextBox1" Runat="server">Textbox1</asp:Textbox>
</p><p>
<asp:Textbox ID="TextBox2" Runat="server"
SkinId="TextboxDotted">Textbox2</asp:Textbox>
</p><p>
<asp:Textbox ID="TextBox3" Runat="server"
SkinId="TextboxDashed">Textbox3</asp:Textbox>
</p>
</form>
</body>
</html>
Related examples in the same category
