Các bước tạo MasterPage giống với tạo các trang aspx bình thường nhưng trên hộp Add New Item bạn chọn MasterPage bạn thấy dưới ô đặt tên phần mở rộng của nó sẽ là Master. Bạn có thể tạo nhiều MasterPage cho ứng dụng web của mình.
Ví dụ: Code 1.
<%@ Master Language="C#" AutoEventWireup="true"CodeFile="MasterPage.master.cs"
Inherits="MasterPage" %>
<!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>MasterPage</title>
<style type="text/css">
html{ background-color:#e5e5e5; font-family:Verdana;}
.content{ background-color:White; border:black1pxsolid; width:700px; margin:auto;} .leftcolumm{ float:left; border-right:black1px solid; width:200px; padding:5px;
height:300px}
.rightcolumm{ float:left; padding:5px; height:300px} </style>
</head> <body>
<form id="form1"runat="server">
<div class="content">
<asp:ContentPlaceHolder ID="contentplace1"
runat="server"></asp:ContentPlaceHolder>
</div>
<div class="rightcolumm">
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder> </div> </div> </form> </body> </html>
Để sử dụng MasterPage cho các trang aspx bạn cần khai báo trên chỉ dẫn <%@ Page %> với thuộc tính MasterPageFile=”Tên _MasterPage của bạn”
ví dụ code 2
<%@ Page Language="C#"MasterPageFile="~/MasterPage.master" %>
<asp:Content ID="contentleft"ContentPlaceHolderID="contentplace1"runat="server">
Trinh bay menu Left<br />
Trinh bay menu Left<br />
Trinh bay menu Left<br />
Trinh bay menu Left<br /> </asp:Content>
<asp:Content ID="content1"ContentPlaceHolderID="ContentPlaceHolder1"runat="server">
Trinh bay noidung<br />
Trinh bay noidung<br />
Trinh bay noidung<br />
Trinh bay noidung<br /> </asp:Content>
Trên trang aspx bạn khai báo 2 điều khiển asp:content và trong thuộc tính của nó bạn thiết lập ContentPlaceHolderID=”Ten_Placeholder trong trang masterPage”.
Tạo một Content mặc định
Bạn không thể kết hợp một điều khiển Content với tất cả các điều khiển ContentPlaceHolder. Khi trên trang MasterPage của bạn có 3 ContentPlaceHolder mà trong trang aspx của bạn chỉ sử dụng hai điều khiển aspContent và chỉ đến 2 ContentPlaceHolder trên trang MasterPage khi đó mặc định ContentPlaceHolder thứ 3 vẫn được hiển thị.
Đăng ký Master Page trong WebConfiguration
Bạn có thể áp dụng MasterPage cho tất cả các trang trong một Folder hay tất cả các Content trong ứng dụng web của mình.
Thay vì việc trong mỗi trang aspx bạn phải gọi lời chỉ dẫn trang thẻ chỉ dẫn <%@ Page %> thì bạn có thể thêm nó vào trong file webconfiguration
Trong ví dụ dưới đây là cách bạn sẽ đăng ký một trang SimpleMasterPage vào ứng dụng web của mình để có thể áp dụng cho tất cả các trang trong foder(Sub Folder) chứa
<system.web>
<pagesmasterPageFile="~/SimpleMasterPage.master" /> </system.web>