asp.net masterpages basics

android Android

web Web

22-May-07 (Created: 22-May-07) | More in 'CS-dotnet'

asp.net masterpages basics

asp.net masterpages

satya - Tuesday, May 22, 2007 10:42:56 PM

A simple master page


<%@ Master Language="C#" 
AutoEventWireup="true" 
CodeFile="SimpleMasterPage.master.cs" 
Inherits="MasterPage" %>

<!DOCTYPE html PUBLIC "-//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>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    
    <div>
        <asp:contentplaceholder id="bodyContent" runat="server">
        </asp:contentplaceholder>
    </div>
    </form>
</body>
</html>

satya - Tuesday, May 22, 2007 10:44:06 PM

a master page is a collection "contentplaceholder" controls

satya - Tuesday, May 22, 2007 10:46:35 PM

structure of a page using the master page


<%@ Page Language="C#" AutoEventWireup="true" 
 CodeFile="basic-well-locations-mp.aspx.cs" Inherits="well_locations" 
 MasterPageFile="~/masterpages/SatyaMasterPage.master"%>

<asp:Content ID="Content1" 
     ContentPlaceHolderID="aspireContent" 
     runat="server">
</asp:Content>

satya - Tuesday, May 22, 2007 10:47:03 PM

Notice the simipler structure of the content page

satya - Tuesday, May 22, 2007 10:48:24 PM

contentplaceholder and content tags

The "content" goes into the "contentplaceholder"

The "contentplaceholderid" of the "content" ties with the "id" of the contentplaceholder tag

satya - Tuesday, May 22, 2007 10:48:54 PM

you can treat a content page as the child of the master page

satya - Tuesday, May 22, 2007 10:49:53 PM

a child carries the content tag and the master carries the contentplaceholder

satya - Tuesday, May 22, 2007 10:50:41 PM

masterpages can be nested


<%@ Master Language="C#" 
     MasterPageFile="~/masterpages/SatyaMasterPage.master"
    AutoEventWireup="true" 
    CodeFile="SatyaPageMenuMasterPage.master.cs" 
    Inherits="masterpages_SatyaPageMenuMasterPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="aspireContent" runat="server">
<table id="contentTableId" width="100%">
<tr>
<td id="contentMainCellId"  width="80%">
<asp:ContentPlaceHolder id="PageContentId" runat="server">
</asp:ContentPlaceHolder>
</td>
<td id="contentPageMenuCellId" width="20%">
<asp:ContentPlaceHolder id="PageMenuContentId" runat="server">
</asp:ContentPlaceHolder>
</td>
</tr>
</table>
</asp:Content>

satya - Tuesday, May 22, 2007 10:52:46 PM

A nested page introduces new content ids and satisfies parent content ids

satya - Tuesday, May 22, 2007 11:11:27 PM

Sample page using the above nested master page


<%@ Page Language="C#" AutoEventWireup="true" 
CodeFile="TestMasterPage.aspx.cs" Inherits="test_TestMasterPage" 
 MasterPageFile="~/masterpages/SatyaPageMenuMasterPage.master"%>

<asp:Content ID="Content1" 
     ContentPlaceHolderID="PageContentId" runat="server">
<p>Hello Page Content Id</p>
</asp:Content>

<asp:Content ID="Content2" 
    ContentPlaceHolderID="PageMenuContentId" runat="server">
<p>Hello Page Menu Id</p>
</asp:Content>