Fix Menu on Left Side and Right Side Content Change on Menu Option Cli

Dec 15 2020 11:25 AM

I want Fix Menu on Left Side and Right Side Content Change on Menu Option Click in asp.net MVC

when I clicked on any menu option it displays content at the end of the page but I want content will be display on right side

here is my code

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@ViewBag.Title - My Restaurant</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<link href="~/Content/Site-Master.css" rel="stylesheet" />
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">WelCome Admin</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li>
@Html.ActionLink("LogOut", "LogOut")
</li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid text-center" style="height: 700px;">
<div class="row content">
<div id="leftPane" class="col-sm-2 sidenav" style="height:700px;width:250px;">
<p>@Html.ActionLink("Category", "GetCatDetails") </p><br /><br />
<p>@Html.ActionLink("Item Menu", "GetItemDetails") </p> <br /><br />
<p>@Html.ActionLink("Employee Master", "GetEmpDetails")</p> <br /><br />
<p>@Html.ActionLink("Add User", "GetUserDetails")</p><br /><br />
</div>
<div id="rightPane">
</div>
<div class="col-sm-10 text-left">
@RenderBody()
</div>
</div>
</div>
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
</body>
</html>

Answers (2)