Friday, September 17, 2010

How to use master and content page::

MasterPage.master



<%@ Master Language="C#" %>


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


<script runat="server">


</script>


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>asp.net master page example: how to use master and content page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h1 style="color:Red">My Site</h1>
        <hr />
        <table>
            <tr valign="top">
                <td>
                    <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
                    </asp:ContentPlaceHolder>
                </td>
                <td>
                    <asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">
                    </asp:ContentPlaceHolder>
                </td>
            </tr>
        </table>
        <hr />
        <div style="color:Gray">Page footer</div>
    </div>
    </form>
</body>
</html>


ContentPage.aspx



<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" Title="" %>


<script runat="server">


</script>


<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="ContentPlaceHolder1">
    <asp:Calendar 
        ID="Calendar1"
        runat="server"
        BackColor="Orange"
        BorderColor="DarkOrange"
        ForeColor="Snow"
        >
        <TitleStyle BackColor="DarkOrange" />
        <SelectedDayStyle BackColor="Crimson" />
    </asp:Calendar>
</asp:Content>


<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
    <asp:Image 
        ID="Image1"
        runat="server"
        ImageUrl="~/Images/sunset.jpg"
        />
</asp:Content>



ContentPage2.aspx

<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" Title="" %>

<script runat="server">

</script>

<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="ContentPlaceHolder1">
    <asp:Calendar 
        ID="Calendar1"
        runat="server"
        BackColor="DodgerBlue"
        BorderColor="DarkBlue"
        ForeColor="Snow"
        >
        <TitleStyle BackColor="DarkBlue" />
        <SelectedDayStyle BackColor="LightBlue" ForeColor="DarkBlue" />
    </asp:Calendar>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
    <asp:Image 
        ID="Image1"
        runat="server"
        ImageUrl="~/Images/sea_beach2.jpg"
        Width="50%"
        Height="50%"
        />
</asp:Content>


No comments: