how to break a table into different section in MVC, to make it easy for user to fill

Dreal1

Member
Joined
Apr 27, 2017
Messages
10
Programming Experience
Beginner
[FONT=&quot]
how to break a table into different section in MVC, to make it easy for user to fill !!!
[/FONT]
HTML:
@model MvcFMC.Models.Staff
@{
ViewBag.Title = "Create";
}
<h2>Ads New Staff</h2>
@using (Html.BeginForm()) {
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)
<fieldset>
<legend>Staff</legend>
<div class="editor-label">
Title
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Title)
@Html.ValidationMessageFor(model => model.Title)
</div>
<div class="editor-label">
SurName
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Surname)
@Html.ValidationMessageFor(model => model.Surname)
</div>
<div class="editor-label">
First Name
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Firstname)
@Html.ValidationMessageFor(model => model.Firstname)
</div>
<div class="editor-label">
Middle Name
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Middlename)
@Html.ValidationMessageFor(model => model.Middlename)
</div>
<div class="editor-label">
Other Name
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Othername)
@Html.ValidationMessageFor(model => model.Othername)
</div>
<div class="editor-label">
Gender
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Gender)
@Html.ValidationMessageFor(model => model.Gender)
</div>
<div class="editor-label">
Maiden Name
</div>
<div class="editor-field">
@Html.EditorFor(model => model.MaidenName)
@Html.ValidationMessageFor(model => model.MaidenName)
</div>
<div class="editor-label">
Date of Birth
</div>
<div class="editor-field">
@Html.EditorFor(model => model.DOB)
@Html.ValidationMessageFor(model => model.DOB)
</div>
<div class="editor-label">
Date of First Appointment
</div>
<div class="editor-field">
@Html.EditorFor(model => model.DOFA)
@Html.ValidationMessageFor(model => model.DOFA)
</div>
<div class="editor-label">
Confirmation Date
</div>
<div class="editor-field">
@Html.EditorFor(model => model.DOC)
@Html.ValidationMessageFor(model => model.DOC)
</div>
<div class="editor-label">
State Of Origin
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Origin)
@Html.ValidationMessageFor(model => model.Origin)
</div>
<div class="editor-label">
Local Govt.
</div>
<div class="editor-field">
@Html.EditorFor(model => model.LG)
@Html.ValidationMessageFor(model => model.LG)
</div>
<div class="editor-label">
Grade Level On Entry
</div>
<div class="editor-field">
@Html.EditorFor(model => model.GLOE)
@Html.ValidationMessageFor(model => model.GLOE)
</div>
<div class="editor-label">
Designation On Entry
</div>
<div class="editor-field">
@Html.EditorFor(model => model.DOE)
@Html.ValidationMessageFor(model => model.DOE)
</div>
<div class="editor-label">
Ippis Number
</div>
<div class="editor-field">
@Html.EditorFor(model => model.IppisNo)
@Html.ValidationMessageFor(model => model.IppisNo)
</div>
<div class="editor-label">
Date Of Present Appointment
</div>
<div class="editor-field">
@Html.EditorFor(model => model.DOLA)
@Html.ValidationMessageFor(model => model.DOLA)
</div>
<div class="editor-label">
Conhess/Conmess
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Conhess_Conmess)
@Html.ValidationMessageFor(model => model.Conhess_Conmess)
</div>
<div class="editor-label">
Step
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Step)
@Html.ValidationMessageFor(model => model.Step)
</div>
<div class="editor-label">
Present Designation
</div>
<div class="editor-field">
@Html.EditorFor(model => model.PD)
@Html.ValidationMessageFor(model => model.PD)
</div>
<div class="editor-label">
Mobile Number
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Mobile)
@Html.ValidationMessageFor(model => model.Mobile)
</div>
<div class="editor-label">
Email
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Email_Address)
@Html.ValidationMessageFor(model => model.Email_Address)
</div>
<div class="editor-label">
Staff Number
</div>
<div class="editor-field">
@Html.EditorFor(model => model.StaffNo)
@Html.ValidationMessageFor(model => model.StaffNo)
</div>
<div class="editor-label">
Created By
</div>
<div class="editor-field">
@Html.EditorFor(model => model.CreatedBy)
@Html.ValidationMessageFor(model => model.CreatedBy)
</div>
<div class="editor-label">
Modify By
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Modifyby)
@Html.ValidationMessageFor(model => model.Modifyby)
</div>
<div class="editor-label">
User Roll
</div>
<div class="editor-field">
@Html.DropDownList("RoleID", String.Empty)
@Html.ValidationMessageFor(model => model.RoleID)
</div>
<div class="editor-label">
Department
</div>
<div class="editor-field">
@Html.DropDownList("DeptID", String.Empty)
@Html.ValidationMessageFor(model => model.DeptID)
</div>
<div class="editor-label">
Grade Level
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Gl)
@Html.ValidationMessageFor(model => model.Gl)
</div>
<div class="editor-label">
Password
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Passwordx)
@Html.ValidationMessageFor(model => model.Passwordx)
</div>
<p>
<input type="submit" value="Save" background-color:#359fdc;
width:70px;
height:26px;
color:#fff; />
</p>
</fieldset>
}
<div>
@Html.ActionLink("Back to List", "Index")
</div>
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
}
 
Reference to your reply

Please provide a FULL and CLEAR explanation of your problem. Assume that too many words is better than not enough.

i am developing an application in mvc and i need help on how to split a table into smaller particle or small part in such a way that user won't get discourage when filling the form.
 

Latest posts

Back
Top Bottom