Đăng ký Themes với web.config

Một phần của tài liệu Giáo trình ASP.NET cơ bản doc (Trang 77 - 79)

Khi bạn muốn sử dụng themes cho tất cả các trang web trong website của mình bạn có thể đăng ký nó vào trong file web.config trong ứng dụng web của mình như sau:

<configuration> <system.web>

<pages theme=”simple” /> </system.web>

</configuration>

Đ ghi đè vào thuộc tính của điều khiển trong website <configuration>

<system.web>

<pages styleSheetTheme=”simple” /> </system.web>

</configuration>

Trong một trang ta ko muốn sử dụng Themes, ta có thể gỡ bỏ nó trong trang này bằng cách: <%@ Page Language=”C#” EnableTheming=”false” %>

Thêm CSS tới Themes

Css là một thay thế cho skins để điều khiển cách xuất hiện của các thành phần của cả HTML và ASPNET

Khi thêm css vào folder Themes thì nó sẽ được áp dụng cho tất cả các trang được áp dụng theme

Ví dụ:

html{background-color:gray;font:14pxGeorgia,Serif;}

.content{margin:auto;width:600px;border:solid1pxblack;background- color:White;padding:10px;}

h1{color:Gray;font-size:18px;border-bottom:solid1pxorange;}

label{font-weight:bold;}

input{background-color:Yellow;border:double3pxorange;}

.button{background-color:#eeeeee;} File skintotheme.aspx

<%@ PageLanguage="C#"Theme="blue"AutoEventWireup="true" CodeFile="skintotheme.aspx.cs"Inherits="_Default" %>

<!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml"> <headrunat="server">

<title>SIMPLE CSS</title> </head>

<body>

<formid="form1"runat="server">

<divclass="content">

<h1>Registration Form</h1>

<asp:Label id="lblFirstName"Text="First Name:"

AssociatedControlID="txtFirstName"Runat="server"/><br/>

<asp:TextBoxid="txtFirstName"Runat="server"/><br /><br/>

<asp:Label id="lblLastName"Text="Last Name:"

AssociatedControlID="txtLastName" Runat="server"/><br/>

<asp:TextBoxid="txtLastName" Runat="server"/><br /><br/>

<asp:Buttonid="btnSubmit"Text="Submit Form"CssClass="button"Runat="server" />

</div>

</form> </body> </html>

Kết xuất của chương trình

Ở ví dụ trên css được sử dụng tới kiểu của các thành phần html, bởi vì điều khiển asp.net đưa ra mã html khi trình duyệt lên áp dụng css cho các điều khiển của aspx phải sử dụng với thẻ của HTML, như trog ví dụ trên cả hai điều khiển TextBox và Button được đưa ra mã HTML là thẻ <imput>.

Một phần của tài liệu Giáo trình ASP.NET cơ bản doc (Trang 77 - 79)

Tải bản đầy đủ (PDF)

(183 trang)