How I Can Design Master Page That Have Login Control For User To Login ? And Content Page Can Also Use To Take Input From User?

Question

2.00/5 (1 vote)

See more:

, +

i am using master page with navigation bar thinking it will available to all pages, navigation bar have some menus with login that obviously have 2 textbox and 1 button control element under form runat="server".

in content page when i will use form runat="server" it will not allow to use because i have already used it in master page.

then how i can use textbox ,checkbox and all other controls in content page ?
all these controls will not work because all these will take input and it is necessary to place under form.

in content page if there is requirement to submit user comment how i can do this and also some more feature.

what i can do or how i can design master page ?

Posted 30-Apr-14 23:06pm

Tarun Jaiswal

Add a Solution

Comments

Sunasara Imdadhusen 1-May-14 6:33am

What you tried!!

3 solutions

Solution 2

Seems you are not aware of the master page and the content page work flow. If you want to design anything on your content page it is simple as you are designing other pages.
Below i have placed a textbox in the content page.

ASP.NET

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="testPage.aspx.cs" Inherits="testPage" %>

<asp:content id="Content1" contentplaceholderid="HeadContent" runat="Server">

</asp:content>
<asp:content id="Content2" contentplaceholderid="MainContent" runat="Server">
  <asp:textbox id="txtID" runat="server"></asp:textbox>
</asp:content>

hope it helps you :)

Posted 1-May-14 1:03am

Sanket Saxena

Updated 1-May-14 1:04am

v3

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Accepted Answer · 2014-05-01T00:50:00

Solution 1

There is already form tag defined in Master Page.

When you use any Content Page inside the Master Page, all the Contents/Controls inside the Content Page are automatically wrapped under the Master Page form tag.

Doubts !!! See the Source HTML rendered on Browser and see everything is under one form and that is the form inside the Master Page, you defined.

Posted 1-May-14 0:50am

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Comments

Tarun Jaiswal 1-May-14 9:47am

yes your answer seems to be correct but this is not what solve my issue , in master pages navigation bar m takin login from user. this is my source html

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="usermaster.master.cs" Inherits="Society.usermaster" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Bootstrap Website</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="Styles/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="Styles/style.css" />

<asp:ContentPlaceHolder ID="head" runat="server">

</head>
<body>
<%--Start of navigation bar--%>

<div class="container">

<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li class="active">Home</li>
<li class="dropdown">

<ul class="dropdown-menu">
<li>Facebook</li>
<li>Twitter</li>
<li>Hi5</li>
</ul>
</li>
<li>Blog</li>
<li>Contact</li>



<li class="dropdown" id="menuLogin1">

<div class="dropdown-menu" style="padding: 10px;">

<form class="form-horizontal" role="form" id="loginform" runat="server">
<div class="form-group">
<div class="col-sm-10">
<asp:TextBox class="form-control" ID="txtemailid" runat="server" placeholder="Email ID">
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
<asp:TextBox class="form-control" ID="txtpassword" runat="server" placeholder="Password">
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
<asp:Button class="btn btn-primary btn-block pull-right" ID="btnSubmit" runat="server" Text="Sign in" />
<br />
<br />
forget password ?
</div>
</div>
</form>
</div>
</li>

</ul>
</div>
</div>

Tarun Jaiswal 1-May-14 10:38am

yes now i understand what you were saying i got it thanks

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 1-May-14 11:52am

Great. Thanks Tarun. :)

Tarun Jaiswal 1-May-14 11:58am

but with this solution i get into another issue which is when i click on dropdown login menu's textbox[username] is get toogle and m unable to enter username and password

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 1-May-14 12:41pm

You need to check the event of dropdown and analyze why exactly it is getting toggled. Might be some CSS getting added dynamically, making it invisible.

Tarun Jaiswal 1-May-14 13:44pm

hmm all these is happeining because of form runat="server" many other fuctionality are also affected due to form.
is there any other way to include login menu on navbar ?

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 2-May-14 11:00am

I am not sure what you are trying. But you look up in Google for examples.

Tarun Jaiswal · Accepted Answer · 2014-05-01T03:52:00

[here it is in proper view ,there in comment many thing gets hidden]
yes your answer seems to be correct but this is not what solve my issue , in master pages navigation bar m takin login from user. this is my source html

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="usermaster.master.cs" Inherits="Society.usermaster" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Bootstrap Website</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="Styles/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="Styles/style.css" />

<asp:ContentPlaceHolder ID="head" runat="server">

</asp:ContentPlaceHolder>
</head>
<body>
<%--Start of navigation bar--%>
<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
<div class="container">
<a href="#" class="navbar-brand">Tarun Company</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Home</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Social <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Hi5</a></li>
</ul>
</li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>



<li class="dropdown" id="menuLogin1">
<a class="dropdown-toggle" href="#" data-toggle="dropdown" id="navLogin1">Login Menu</a>
<div class="dropdown-menu" style="padding: 10px;">

<form class="form-horizontal" role="form" id="loginform" runat="server">
<div class="form-group">
<div class="col-sm-10">
<asp:TextBox class="form-control" ID="txtemailid" runat="server" placeholder="Email ID"></asp:TextBox>
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
<asp:TextBox class="form-control" ID="txtpassword" runat="server" placeholder="Password"></asp:TextBox>
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
<asp:Button class="btn btn-primary btn-block pull-right" ID="btnSubmit" runat="server" Text="Sign in" />
<br />
<br />
<a href="#" class="col-ms-4 pull-right">forget password ?</a>
</div>
</div>
</form>
</div>
</li>

</ul>
</div>
</div>
</nav>
<%--End of navigation bar--%>
<section>
<div class="container">
<form id="mainsecform" runat="server">
<asp:ContentPlaceHolder ID="mainsection" runat="server">

</asp:ContentPlaceHolder>
</form>
</div>
</section>

<footer class="navbar navbar-default navbar-fixed-bottom ">
<div class="container">
<p class="navbar-text pull-left">© Tarun Jaiswal</p>
<a href="https://www.twitter.com/TarunJaiswa" target="_blank" class="navbar-btn btn btn-success pull-right">follow me</a>
</div>
</footer>


<script type="text/javascript" src="Scripts/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="Scripts/bootstrap.min.js"></script>
</body>
</html>

according to this can you suggest me where and how i can use ?