Một Themes có thể chứa đựng một hoặc nhiều Skin, một Skin cho phép bạn thay đổi một số thuộc tính của các điều khiển trong asp.net mà những thuộc tính đó biễu diễn hiển thị của control đó với người dùng.
Bạn có thể tạo ra các skin mặc định(sẽ áp dụng cho các điều khiển trên form), skin áp dụng cho 1 điều khiển được chỉ định form.
Để không áp dụng skin mặc định cho điều khiển bạn có thể sử dụng thuộc tính EnableTheming=”false”.
Ví dụ:
Trong ví dụ này tôi sẽ đưa ra 3 trường hợp(mặc định, chỉ định, ko áp dụng) áp dụng Skin vào trong các điều khiển trên Form.
bước 1: Bạn chọn như hình 1
Hình 1
bước 2: hộp thoại Add New Item hiện ra bạn chọn Skin File và đặt tên Skin của mình vào hộp Name và nhấn vào nút Add như hình sau:
Hình 2
bước 4: trong Project của bạn sẽ thêm vào thư mục App_Theme và Skin “Simple” sẽ có đường dẫn sau:.
Trong File simple.skin bạn soạn nội dung như sau:
<asp:TextBox SkinID="txtChidinh"BorderStyle="dashed"BorderWidth="5px"
Runat="Server"/>
<asp:TextBox BorderStyle="none"BorderWidth="0px"Runat="Server" />
Và để sử dụng skin này cho trang aspx của chúng ta, bạn phải thêm vào chỉ dẫn Theme=”simple” trong chỉ dẫn <%@ Page …%>
Như trang Themes.aspx sau: Code1.
<%@ Page Language="C#"Theme="simple"%>
<!DOCTYPE htmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">
<title>Using Themes</title> </head>
<body style="background-color:#e5e5e5;">
<form id="form1"runat="server">
<div>
<h3>Skin tới điều khiển được chỉ định</h3>
<asp:TextBox ID="txtChidinh"runat="server" SkinID="txtChidinh"></asp:TextBox>
<h3>Skin mặc định cho điều khiển TextBox</h3>
<asp:TextBox ID="txtmacdinh"runat="server"></asp:TextBox>
<h3>Không áp dụng Skin mặc định</h3>
<asp:TextBox ID="txtnone"runat="server"EnableTheming="false"></asp:TextBox>
</div>
</form> </body> </html>
Khi sử dụng Themes thì mặc định nếu trong các điều khiển trên Form có quy định thuộc tính thì hiển thị của điều khiển đó sẽ bị ảnh hưởng của các thuộc tính đó. Tuy nhiên bạn cũng có thể ghi đè các thuộc tính đó để sử dụng thuộc tính trong Themes quy định, bằng cách đưa vào chỉ dẫn <%@ Page StyleSheetTheme=”simple” %>.