How to create a skin to define the appearance of a Web server control in a Web application?

How to create a skin to define the appearance of a Web server control in a Web application?

Rating:

The following are the steps to create a skin to define the appearance of a Web server control in a Web application:

1. Open a Web site and create a Web page named WebForm1.aspx. Add Web server controls to this page and specify their properties from the Properties window of each control. An illustrative image is shown below:
   
   



2. Open the Solution Explorer of the Web site. Create a new skin file for each control by right-clicking the MyTheme1 sub-folder of the App_Themes folder. Select the Add New Item drop-down menu. An illustrative image is shown below:
   
   



3. The Add New Item dialog box appears. Select the Skin File template from the Visual Studio installed templates category of the Templates option. Type a valid skin file name, and click the Add button. An illustrative image is shown below:
   
   



4. Open the source view code of the Web page. Copy the <asp:Label> tag of the Label control from the source code of the Web page into the source code of Label1.skin file. An illustrative image is shown below:
   
   



5. Remove the Label control ID from the control definitions in the skin file's source code, as shown below:
   
   



6. Similarly, create another skin file for the TextBox control. Copy the <asp:TextBox> tag of the TextBox control in the source code of the TextBox1.skin file. Remove the TextBox control ID from the control definitions in the skin file's source code, as shown below:
   
   



7. Similarly, create the third skin file for the Button control. Copy the <asp:Button> tag of the Button control it in the skin file's source code. Remove the Button control ID from the control definitions in the skin file's source code, as shown below:
   
   

Rating: