asp.net mvc5
Hi Guys,
I have some weird issue.
I have mvc project and all my pages used to load the partial view _Layout.chhtml and all of a sudden the partial view doesn't show.
When I debug I can see that everything works fine but still I don't get all the packages from my partial view, although I'm getting the menu bar from the partial view, but still can't see the design.
I give you an example:
This is my partial view:
this is one of my pages:
I have some weird issue.
I have mvc project and all my pages used to load the partial view _Layout.chhtml and all of a sudden the partial view doesn't show.
When I debug I can see that everything works fine but still I don't get all the packages from my partial view, although I'm getting the menu bar from the partial view, but still can't see the design.
I give you an example:
This is my partial view:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@ViewBag.Title - My ASP.NET Application</title>
@Styles.Render("~/Content/css")
<link href="~/Content/bootstrap-datepicker.css" rel="stylesheet" />
@Scripts.Render("~/bundles/modernizr")
<meta name="description" content="The description of my page" />
</head>
<body>
<div id="wrapper">
<!-- Sidebar -->
<div id="sidebar-wrapper">
<ul class="sidebar-nav">
@if (User.Identity.Name == "")
{
<li>
<a href="/Login/Index">Please Login</a>
</li>
}
else
{
<li>
<a href="/Login/Logoff">Log off - <span style="text-transform:uppercase">@User.Identity.Name</span></a>
</li>
}
<li class="sidebar-brand">
<a href="#">
ALT - Home Application
</a>
</li>
<li>
<a href="/Home/Index">Dashboard</a>
</li>
<li>
<a href="/Journal/Index">Journal</a>
</li>
<li>
<a href="#">App1</a>
</li>
<li>
<a href="#">App2</a>
</li>
<li>
<a href="#">App3</a>
</li>
</ul>
</div>
<!-- /#sidebar-wrapper -->
<!-- Page Content -->
<div id="page-content-wrapper">
<div class="container-fluid">
<a href="#menu-toggle" class="glyphicon glyphicon-arrow-left" id="menu-toggle"></a>
@RenderBody()
</div>
<!-- /#page-content-wrapper -->
</div>
</div>
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
<script src="~/Scripts/bootstrap-datepicker.js"></script>
<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>
<script src="~/Scripts/jquery-barcode.js"></script>
<script src="~/Scripts/Toggle.js"></script>
@RenderSection("scripts", required: false)
</body>
</html>this is one of my pages:
@{
ViewBag.Title = "Login";
Layout = "~/Views/Shared/_Layout.cshtml";
}
@model Comapps.Models.LoginModel
<style>
.login {
margin: 0 auto;
max-width: 350px;
}
.login-header {
color: #fff;
text-align: center;
font-size: 300%;
}
.login-header h1 {
text-shadow: 0px 5px 15px #000;
}
.login-form {
border: 2px solid #999;
background: #04519b;
border-radius: 10px;
box-shadow: 0px 0px 10px #000;
color: #333;
padding: 32px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.login-form h3 {
text-align: left;
margin-left: 40px;
color: #fff;
}
.login-form {
box-sizing: border-box;
padding-top: 15px;
margin: 50px auto;
text-align: center;
overflow: hidden;
}
.login input[type="text"],
.login input[type="password"] {
font-size: 18px;
margin: 16px 0;
}
.login img {
display: block;
margin: 0 auto;
margin-bottom: 30px;
}
</style>
<center>
<div class="login">
<div class="login-form">
@using (Html.BeginForm("Index", "Login", new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post, new { @class = "form-horizontal", role = "login", id = "frmlogin" }))
{
@Html.AntiForgeryToken()
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
<img src="~/Img/login-pic.png" height="125" width="125" class="img-responsive" alt="Login to Malvar Portal" title="Login to Malvar Portal" />
@Html.TextBoxFor(m => m.UserName, new { @class = "form-control input-lg", placeholder = "User Name" })
@Html.ValidationMessageFor(m => m.UserName, "", new { @class = "text-danger" })
@Html.PasswordFor(m => m.Password, new { @class = "form-control input-lg", placeholder = "Password" })
@Html.ValidationMessageFor(m => m.Password, "", new { @class = "text-danger" })
<div class="pwstrength_viewport_progress"></div>
<button type="submit" name="go" id="go" class="btn btn-lg btn-primary" style="width:99%">Log in</button>
<center><font color="red"> @ViewBag.message</font></center>
}
</div>
</div>
</center>
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
<script type="text/javascript">
jQuery(function ($) {
toastr.options = {
"closeButton": false,
"debug": false,
"newestOnTop": false,
"progressBar": false,
"positionClass": "toast-top-right",
"preventDuplicates": false,
"onclick": null,
"showDuration": "300",
"hideDuration": "1000",
"timeOut": "5000",
"extendedTimeOut": "1000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut"
};
$('#go').click(function () {
if ($("#UserName").val() == "") {
toastr.error("You missed user name!!");
return false;
}
if ($("#Password").val() == "") {
toastr.error("You missed password!!");
return false;
}
if ($("#UserName").val() != "" && $("#Password").val() != "") {
$(this).text("Loging in please wait...");
$(this).attr('disabled', 'disabled');
toastr.info("Loging in please wait...");
$("#frmlogin").submit();
}
});
});
</script>
}ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Was issue with my browser.
ASKER