ARTICLE

Master Page in ASP.NET

Posted by KondalaRayudu ValaVala Articles | ASP.NET Programming November 02, 2011
Tags: asp.net, asp.net articles, asp.net tutorials, Master page in asp.net, masterpage
Here, we will learn how to add a master page to a project in ASP.NET.
Reader Level:
Download Files:
 

MasterPage

  1. The extension of MasterPage is '.master'.
  2. MasterPage cannot be directly accessed from the client because it just acts as a template for the other Content Pages.
  3. In a MasterPage we can have content either inside ContentPlaceHolder or outside it. Only content inside the ContentPlaceHolder can be customized  in the Content Page.
  4. We can have multiple masters in one web application.
  5. A MasterPage can have another MasterPage as Master to it.
  6. The content page content can be placed only inside the content tag.
  7. Controls of MasterPage can be programmed in the MasterPage and content page but a content page control will never be programmed in MasterPage.
  8. A master page of one web application cannot be used in another web application.
  9. The MasterPageFile property of a webform can be set dynamically and it should be done either in or before the Page_PreInit event of the WebForm. Page.MasterPageFile = "MasterPage.master". The dynamically set Master Page must have the ContentPlaceHolder whose content has been customized in the WebForm.
  10. The order in which events are raised: Load (Page) a Load (Master) a LoadComplete (Page) i.e. if we want to overwrite something already done in Load event handler of Master then it should be coded in the LoadComplete event of the page.
  11. Page_Load is the name of method for event handler for Load event of Master. (it's not Master_Load).

Example:

Adding a MasterPage to the Project

  1. Add a new MasterPage file (MainMaster.master) to the Web Application.
  2. Change the Id of ContentPlaceHolder in <Head> to "cphHead" and the Id "ContentPlaceHolder1" to "cphFirst"
  3. Add one more ContentPlaceHolder (cphSecond) to Master page.
  4. To the master page add some header, footer and some default content for both the content place holders.

    <form id="form1" runat="server">
    Header...<br />
    <asp:ContentPlaceHolder id="cphFirst" runat="server">
                    This is First Content Place Holder (Default)
    </asp: ContentPlaceHolder>
    <br />
    <asp:ContentPlaceHolder ID="cphSecond" runat="server">
    This is Second Content Place Holder (Default)
    </asp:ContentPlaceHolder>
    <br /> Footer...
    </form>     
  5. To the web application add a WebForm (Default.aspx) a Check (Select Master Page) in New Item Dialog
  6. Note the attribute "MasterPageFile" in @Page directive of the WebForm.
  7. Delete the <content tag for the ContentPlaceHolderId="cphSecond".
  8. Run the WebForm - The output rendered includes the Header, Footer, Contentof cphSecond in Master and the content of <content tag for ContentPlaceHolderId="cphFirst" in webform.
  9. Here we understood the importance of ContentPlaceHolder in Master and Content in WebForm.
  10. Add a Label in the master page (outside ContentPlaceHolder)

    <asp:Label ID="lblMaster" runat="server" Text="In Master"/>

  11. Add a Button to WebForm (inside content tag)

    <asp:Button ID="btnDemo" runat="server" onclick="btnDemo_Click" Text="Set Label of Master" />

  12. Handle the Click event of above button and add to it the code as mentioned below.

    protected void btnDemo_Click(object sender, EventArgs e)
    {
          //Get reference to Label control (lblMaster) in the master page.
          Label lbl = (Label)Master.FindControl("lblMaster");
          lbl.Text = "From WebForm Page...";
    }     

  13. Run the WebForm and Click on Button to see that the text in master page Label has changed.
  14. To the class in MainMaster.master.cs add the following property.

    public Label     MasterLabel
    {
           get { return lblMaster; }
         } 

  15. To the Default.aspx add the following

    <%@ MasterType  VirtualPath="~/MainMaster.master" %>

  16. Replace the existing code in btnDemo_Click with the following.

    //To set Text of Label in master page using the public property MasterLabel

    Master.MasterLabel.Text = "From WebForm";

     //The above line would work only if <%@MasterType Directive is added to current page

Importance of UniqueID and ClientId

  1. Add a TextBox and HTML Button to webform / content page which has master page.

    <asp:TextBox runat="server" ID="txtWebForm"/>
    <input type="button" value="ClientButton" onclick="ShowAlert()" />      

  2. Add the follwing to the webform (cphHead is Id of ContentPlaceHolder added to Head section of Master Page)

    <    asp:Content ID="cntHead" ContentPlaceHolderID="cphHead" runat="server">

        <script language="javascript" type="text/javascript">
            function ShowAlert()
            {
                txt = document.<%=Page.Form.Name%>.<%=txtWebForm.UniqueID%>
                alert(txt.value);
               }

        </script>
    </asp:Content>

Login to add your contents and source code to this article
This Feature is Sponsored By DynamicPDF Merger is a developers dream for interacting with any existing PDF documents. Merge, append, split, form fill, flatten stamp and so much more.
post comment
     

GREAT!!!

Posted by Amol Nov 07, 2011
COMMENT USING
PREMIUM SPONSORS
Over-C is a holistic consortium of communications and technology specialists. We build, deploy and market both business as well as consumer products and solutions.
Get Career Advice from Experts
TRENDING UP
MOST LIKED ARTICLE
HOT KEYWORDS
SPONSORED BY
  • PDF reports have never been easier to create. With our included WYSIWYG Designer, you can layout your reports, set up your data source and let DynamicPDF ReportWriter do the rest.
Join a Chapter
WHITEPAPERS AND BOOKS
Hosted By CBeyond Cloud Services MVPs MOST VIEWEDLEGENDSNOW PRIZESAWARDSREVIEWSSURVEYCERTIFICATIONSDOWNLOADS
PRIVACY POLICY | TERMS & CONDITIONS | SITEMAP | CONTACT US | ABOUT US | REPORT ABUSE
©2013 C# Corner. All contents are copyright of their authors.