how to set all page content at centre in asp.net mvc

Dr.Ajay Kashyap

10y7.2k.NET

@model ShopINdeal.Models.AdminUser

ViewBag.Title = "LogIn";

Layout = "~/Views/Shared/_Layout1.cshtml";

}

LogIn

@using (Html.BeginForm())

{

@Html.AntiForgeryToken()

@Html.ValidationSummary(true, "", new { @class = "text-danger" })

@Html.LabelFor(model => model.ContactNo, htmlAttributes: new { @class = "control-label col-md-2" })

@Html.EditorFor(model => model.ContactNo, new { htmlAttributes = new { @onKeyPress = "return isNumber(event);", @onkeyup = "return limitlength(this, 11);", @class = "form-control", @placeholder = "Enter Mobile No" } })

@Html.ValidationMessageFor(model => model.ContactNo, "", new { @class = "text-danger" })

@Html.LabelFor(model => model.Password, htmlAttributes: new { @class = "control-label col-md-2" })

@Html.EditorFor(model => model.Password, new { htmlAttributes = new { @class = "form-control", @placeholder = "Password" } })

@Html.ValidationMessageFor(model => model.Password, "", new { @class = "text-danger" })

@Html.ActionLink("Forgot Password", "forgotpassword", "AdminUserLogin")

}

8 Replies

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

Karthik Elumalai10y ago
Accepted answer
Hi Dr.Ajay Kashyap,
This the real time login page :
Html code:
<div id ="mainsub">

<fieldset>

<legend>TPMS LoginPage:legend>

<table >

<tr>

<td><asp:Label ID="Label1" runat="server" Text="User ID" >asp:Label>td>

<td><asp:TextBox ID="txtusrid" runat="server" CssClass="txtbx" >asp:TextBox>td>

tr>

<tr>

<td><asp:Label ID="Label2" runat="server" Text="Password" >asp:Label>td>

<td><asp:TextBox ID="txtpwd" runat="server" TextMode="Password" CssClass="txtbx" >asp:TextBox>td>

<td><asp:Button ID="btnLogin" runat="server" onclick="btnLogin_Click" Text="Login" CssClass="btn" />

<asp:Label ID="lblLoginValidateError" runat="server">asp:Label>

td>

tr>

table>

fieldset>

div>
Css Code:
#mainsub

{

width:55%;

margin:0 auto;

margin-top:0px;

}
Hope this will give you some idea,kindly let me know your thougths
thanks
karthik
0
Dr.Ajay Kashyap10y ago
hi...karthik but when we creating view in asp.mvc usingRazor Engine (CSHTML) it will not workproperly ......you just try it...
0
Karthik Elumalai10y ago
My pleasure..:)
0
Dr.Ajay Kashyap10y ago
thks karthik .....
0
Dr.Ajay Kashyap10y ago
No brother tag also not work the right way to make in center is
0
Vinay Singh10y ago
Hi Then try center tag
Do one thing put your all login form in between center tag.
Eg:
//----------your login page content-----------
0
Dr.Ajay Kashyap10y ago
not working brother ....? Vinay Singh
body{
display:table-cell;
vertical-align:middle;
}
0
Vinay Singh10y ago
Hi Try the code. You need to add the below style sheet in your layout header
body{
display:table-cell;
vertical-align:middle;
}
0