Master Page not Showing Content Page

Abraham Olatubosun

Dear code masters,

I havs a web application designed with asp:Masterpage with content page all works fine, i currently add another master page and disabled the previous one now i developed it with bootstrap but some content page didn't show when at run time even though i pointed all the content page to the new master page.

new masterpage html :

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="Admin_MasterPage" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
"http://www.w3.org/1999/xhtml">
"server">
ECEWS LAEAVE APPLICATION
"Content/bootstrap.min.css" rel="stylesheet" type="text/css" />
<%--"utf-8" />
"viewport" content="width=device-width, initial-scale=1" />--%>
"head" runat="server">
"form1" runat="server">
"ScriptManager1" runat="server">
class="banner navbar navbar-fixed-top navbar-default" role="banner">
"Image1" runat="server" Height="102px" ImageUrl="~/image/E_Leave_Logo.png" Width="68%" />

class=" navbar navbar-default navbar-fixed-top " style="margin-top: 100px;">

class="navbar-header">

"button" class=" navbar-toggle" data-toggle="collapse" data-target="#tp">

class="icon-bar">

<%--"tp" class="navbar-collapse collapse">

class="nav nav-tabs navbar-nav bg-success">

"Default.aspx">Home

class="dropdown">

"#" class="dropdown-toggle" data-toggle="dropdown">Personnel class="caret">

class="dropdown-menu">

"frmPersonnel.aspx">Personel Record

--%>

"tp" class="navbar-collapse collapse ">

class="nav navbar-nav nav-tabs pull-right">

class="dropdown">

"#" class="dropdown-toggle" data-toggle="dropdown">Personnel class="caret">

class="dropdown-menu">

"Admin/frmPersonnel.aspx">Personel Record

"frmPensionAdmin.aspx">Pension Fund

class="divider">

"Admin/frmApproveLeave.aspx">Leave Approval

"Admin/frmLeavReport.aspx">Leave Report

class="dropdown">

"#" class="dropdown-toggle" data-toggle="dropdown">Entry Form class="caret">

class="dropdown-menu">

"Personnel/frmLeavesheet.aspx">Leave Application

"Personnel/Appraisal.aspx">Staff Performance

class="dropdown">

"#" class="dropdown-toggle" data-toggle="dropdown">Admin class="caret">

class="dropdown-menu">

"Admin/frmCreateUser.aspx">Create User

"Admin/frmChangepass.aspx">Change Password

"#" class="glyphicon glyphicon-envelope">Contact

"#" class="glyphicon ">About Us

"#" class="glyphicon ">Login

"ContentPlaceHolder1" runat="server">

class=" navbar navbar-fixed-bottom bg-success">

"Scripts/jquery-1.9.1.min.js" type="text/javascript">

"Scripts/bootstrap.min.js" type="text/javascript">

while content page html :

<%@ Page Title="" Language="C#" MasterPageFile="~/Admin/MasterPage.master" AutoEventWireup="true" CodeFile="frmApproveLeave.aspx.cs" Inherits="Admin_frmApproveLeave" %>
"Content1" ContentPlaceHolderID="head" Runat="Server">
"text/css">
.auto-style4 {
width: 100%;
}
.auto-style6 {
width: 364px;
}
.auto-style7 {
width: 662px;
}
.auto-style5 {
text-align: right;
}
.style1
{
width: 573px;
}
"Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
"margin-top:150px" class="row">
class="col-sm-2">

class="col-sm-8">

class=" col-sm-12 bg-primary text-center">Leave Approval form

class="table table-bordered auto-style4 table-condensed">

"text-align: right" >

"Label1" runat="server" Text="Employee ID :">

"TextBox1" runat="server">

<%-- "btnFind" runat="server" OnClick="btnFind_Click" Text="Find" />--%>

"submit" id="btnFind" runat="server" onserverclick="btnFind_Click" class="btn btn-warning">Find class="glyphicon glyphicon-search">

<%-- "btnClear" runat="server" OnClick="btnClear_Click" Text="Clear All" />--%>

"submit" id="btnClear" runat="server" onserverclick="btnClear_Click" class="btn btn-danger">Clear All class="glyphicon glyphicon-remove">

"2" >

"GridView1" runat="server" AllowPaging="True"

AutoGenerateColumns="False" BackColor="White" BorderColor="#E7E7FF"

BorderStyle="Dotted" BorderWidth="1px" CellPadding="3" DataKeyNames="num" OnRowCommand="GridView1_RowCommand" OnPageIndexChanging ="GridView1_PageIndexChanging" Width="100%">

"#F7F7F7" />

"employeeid" HeaderText="Employee ID" />

"startedate" DataFormatString="{0:d}" HeaderText="Start Date">

"Center" />

"stopdate" DataFormatString="{0:d}" HeaderText="End Date">

"Center" />

"nodays" HeaderText="No. of Days">

"Center" />

"status" HeaderText="Status">

"Center" />

"btnCmd" HeaderText="Select" Text="Select">

"True"

Font-Italic="True" HorizontalAlign="Center" />

"Center" />

"#B5C7DE" ForeColor="#4A3C8C" />

"#4A3C8C" Font-Bold="True" ForeColor="#F7F7F7" />

"First" LastPageText="Last" Mode="NextPreviousFirstLast" NextPageText="Next" PreviousPageText="Prev" />

"#E7E7FF" ForeColor="#4A3C8C" HorizontalAlign="Right" />

"#E7E7FF" ForeColor="#4A3C8C" />

"#738A9C" Font-Bold="True" ForeColor="#F7F7F7" />

"#F4F4FD" />

"#5A4C9D" />

"#D8D8F0" />

"#3E3277" />

"Label2" runat="server" Text="Employee ID :">

"TextBox2" runat="server">

"Label3" runat="server" Text="Requested Days :">

"TextBox3" runat="server">

"Label4" runat="server" Text="Approved Days :">

"TextBox4" runat="server">

"CheckBox1" runat="server" Text="Approved ?" TextAlign="Left" />

<%--"Button1" runat="server" Text="Submit and Approved " />--%>

"submit" class="btn btn-success" id="btnSave" runat="server" onserverclick="btnSave_Click">Submit and Approved class="glyphicon glyphicon-ok">

This content page is not showing with the master page.

Kindly advice me on what i am doing wrong.

Thank you all

7 Replies

Know the answer? Post it — somebody with the same question will find it here.

Karthik Elumalai9y ago
Accepted answer
Thanks Abraham

Its seems that you should below line of code, to the boostrap.css file for your tab text issue:
.ajax__tab_tab { -webkit-box-sizing: content-box!important; -moz-box-sizing: content-box!important; box-sizing: content-box!important; }
Reference link:http://stackoverflow.com/questions/22947327/ajax-tabcontainer-header-cuts-off-in-chrome
Kindly let me know your thoughts or feedbacks

Thanks
karthik
Karthik Elumalai9y ago
My pleasure,

Happy sharing..:)
Abraham Olatubosun9y ago
Many thanks Karthik, i work fine after adding this code
.ajax__tab_tab
{
     -webkit-box-sizing: content-box!important;
     -moz-box-sizing: content-box!important;
     box-sizing: content-box!important;
}
to bootstrap.css and boostrao.min.css
Abraham Olatubosun9y ago
I apreciate you Karthik, I just discover the problem with TabContainer, the Bootstrap Css is the css that affecting the Header Text that makes it not appearing in full, i remove the Bootstrap css this make the TabContainer header Text appear fine but when i return the bootstrap it disapear again.
can you or anyone show me how to resolve this issue of TabContainer header Text and Bootstrap.

thank you all
Karthik Elumalai9y ago
I dont think its a problem, if its works then good

I refer to this link: http://stackoverflow.com/questions/12262910/how-to-use-ajax-scriptmanager-and-toolkitscriptmanager-in-master-page-and-conten

They also did the same as you didl, so no problem

Thanks
karthik
Happy sharing
Abraham Olatubosun9y ago
Many thanks Karthik, i think the site is for a fresher in my code above i used the right id i later find out that the scriptmanager from AJAX Extensions was the problem as soon as i change it to
"ToolkitScriptManager1" runat="server">
it worked fine.
My current challange is, i have a AJAX control with a

this page is within a masterpage, is there some i am doing wrong?
Karthik Elumalai9y ago
Hi Abraham,

Mostly this problem occurs when there is a mismatch in the Id's or file path in both the page(master and child pages)

I think in your case , your code has mismatch in inherits attribute of the child page.

Kindly check with the help of this link:http://dotnettutorials.com/tutorials/controls/how-to-create-asp-net-masterpages-content-placeholders/

Hope this can solve, kindly let me know your feedbacks

thanks
karthik