How to Creat and Use ASP.NET Master Page
Rate this article
0 out of 5
In this video tutorial we describing how to create a master page and basic designing without using css. Also how to link the current page with master page and creating  new page with master page design.


Source Code

Master Page.aspx

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.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">
    <table>
    <tr>
    <td colspan="2" style="background-color:Brown; height:80px; width:600px">
        <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/Header.jpg" /></td>
       </tr>
       <tr>
        <td style="background-color:Green; height:400px; width:101px"></td>
     <td style="background-color:Aqua; height:400px; width:400px">
        <div>
        <asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
        </asp:contentplaceholder>
          </div>
     </td>
      </tr>
       <tr>
             <td colspan="2" style="background-color:Chocolate; width:600; height:80px">
             <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Footer.jpg" /></td>
     </tr>
    </table>
    </form>
    </body>
     </html>
StudentReg.aspx

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" MasterPageFile="~/MasterPage.master" %>


    <asp:Content ID="Content1" ContentPlaceHolderID=ContentPlaceHolder1 runat=server>
   
    <div>
        &nbsp;<table style="width: 722px; height: 45px">
            <tr>
                
            </tr>
        </table>
    
    </div>
    
                 <table style="width: 720px; height: 209px">
            <tr>
                    <td style="width: 154px; height: 21px">
                    <asp:Label ID="Label2" runat="server" Text="Student List"></asp:Label></td>
                    <td style="width: 30px; height: 21px">
                    <asp:Label ID="Label1" runat="server" Text="Name"></asp:Label></td>
                    <td style="width: 88px; height: 21px">
                    <asp:TextBox ID="TextBoxName" runat="server"></asp:TextBox></td>
            </tr>
            <tr>
                 <td rowspan="4" style="width: 154px">
                  <asp:ListBox ID="ListBoxStudent" runat="server" Height="156px" Width="152px"></asp:ListBox></td>
                <td style="width: 30px; height: 27px">
                </td>
                    <td style="width: 88px; height: 27px">
                    <asp:Button ID="ButtonAddStudents" runat="server" OnClick="ButtonAddStudents_Click"
                        Text="Add Students" Width="139px" /></td>
            </tr>
            <tr>
                <td style="width: 30px; height: 27px">
                </td>
                <td style="width: 88px; height: 27px">
                  <asp:Button ID="ButtonDeleteStudents" runat="server" Text="Delete Students" Width="138px" OnClick="ButtonDeleteStudents_Click" /></td>
            </tr>
             <tr>
                   <td style="width: 30px; height: 27px">
                </td>
                    <td style="width: 88px; height: 27px">
                    <asp:Button ID="ShowAll" runat="server" Text="Save Students" Width="139px" OnClick="ShowAll_Click" /></td>
            </tr>
             <tr>
                <td style="width: 30px; height: 26px">
                </td>
                    <td style="width: 88px; height: 26px">
                    <asp:Button ID="ButtonLoad" runat="server" Text="Load Students" Width="138px" OnClick="ButtonLoad_Click" /></td>
            </tr>
            
           </table>
    
           </asp:Content>



Download

About The Author
Abhijith Krishna
Number Of articles Posted
1
Number Of Messages Posted
0
Joined Date
12/06/2014
   
Author
Messages
Posted:
Post Your Comments
Name (Max 50 Chars)
Comments

 
TekTipsDownload
GateExam
Academic Projects
TekTipsExperts
Android