Skin Files in Asp.net ( App_Themes) Easily apply style to Server Controls

To Customize server Controls , ie having different background image,fore-color,bold etc  it is hard to go to each control and set its properties or css class. Asp.net provide an easy way to manage this. By use if Skin files we are able to manage that.

Website->AddNewItem->SkinFile

Skin file will be added to the Project.Vs will automatically add that to App_Themes->SkinFiles->skin.skin.
To bring that skin file to our page go to Source view and  add



<%@ Page Language="C#" Theme="SkinFile" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>  where SkinFile is the name of the skin file  you are adding.

Now Lets See the Structure of Skin File

The above Skin is for TextBox... note the Skinid="Browse" so that we can use that ID to get that Particular skin on Textbox

See the aspx page

     

Now  you can see that that particular Skin is applied to text box. Like this can apply any number of Skins to all server controls. We can also write diff SkinId in the same Skin Files.

The Folder Structure is mentioned Below