Mega Code Archive

Defining Multiple Skin Options

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>