Hi Sharma,
I Understood your question. I have tried a lot with Bootstrap and JavaScript for your problem .But I can only achieve the first step(Terms & Condition) pop . the next upadte page of user I did with simple view . Here it is..
View of Login Index
Here I am using Login Button for Displaying PopUp
@using (Html.BeginForm("Index", "Account", FormMethod.Post))
{
@Html.TextBoxFor(x => x.UserName, new { @class="input-large span10" , @id="username", @placeholder="type user name" , @autofocus="" });
@Html.TextBoxFor(x => x.UserPwd, new { @class="input-large span10" , @id="password" ,@type="password" , @placeholder="type password"})
<button class="btn btn-primary" style="width:100%" data-toggle="modal" data-target="#myModal" >Login</button>
}
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Terms and Conditions</h4>
</div>
<div class="modal-body">
<p>I read terms.</p>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-default" >Agree</button>
</div>
</div> </div>
</div>
Post Of Login Index
[HttpPost]
public ActionResult Index(User user)
{
if (true)
{
return RedirectToAction("Updateuser");
}
else
return View();
}
User Update Page
<h2>Updateuser</h2>
<div class="input text">
@Html.DropDownList("UserRole","Select User Type")//Named as ViewBag.UserRole ..see controller code
@Html.ValidationMessageFor(model => model.UserRoleID)
</div>
User Update Controller
public ActionResult Updateuser()
{
ViewBag.UserRole = new SelectList(dbcontext.UserRoles, "ID", "rolename");
return View();
}
[HttpPost]
public ActionResult Updateuser(User user)
{
ViewBag.UserRole = new SelectList(dbcontext.UserRoles, "ID", "rolename", user.UserRoleID);
return View();
}
If any Doubt please comment . If you got any other way, please comment