Thulasiram pakala

Thulasiram pakala

  • 902
  • 872
  • 116.6k

Boot strap navigation not working

Nov 13 2018 12:05 AM
There is Bootstrap menu in MasterPage , which it works perfectly in pages are in root directory, while pages in a directory does not populate the dropdown menu. folder pages when i am attaching this master page navigation is not working any body please help for this 
 
 
 
 
Code
 
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="AdminMasterPage.master.cs"
Inherits="NEW_ADMIN_AdminMasterPage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head id="Head1" runat="server">
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Bootstrap CSS -->
<link href="../Bootstrap4/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="../Bootstrap4/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="../Bootstrap4/js/jquery-latest.min.js" type="text/javascript"></script>
<link href="../Bootstrap4/css/bootstyles.css" rel="stylesheet" type="text/css" />
<link href="../Bootstrap4/css/clock.css" rel="stylesheet" type="text/css" />
<link href="../Bootstrap4/css/fSelect.css" rel="stylesheet" type="text/css" />
<script src="../Bootstrap4/js/fSelect.js" type="text/javascript"></script>
<script src="../Bootstrap4/js/jquery-3.2.1.slim.min.js" type="text/javascript"></script>
<title>AHVS</title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body class="bodybgcolor">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div class="col-lg-12" style="background-color: #F8F8F8; width: 100%;">
<asp:Panel ID="divBanner" runat="server">
<table width="100%">
<tr>
<td width="" >
<asp:Image ID="Image2" runat="server" CssClass="imagewidth" ImageUrl="~/Images/ahvs-logo.png" />
</td>
<td style="width: 10%; padding-left: 10px;">
</td>
<td width="60%" align="center" valign="middle">
<asp:Label ID="lblHeading" runat="server" CssClass="masthead" Text="Department Of Animal Husbandry & Veterinary Services"></asp:Label>
<p>
<asp:Label ID="Label1" runat="server" CssClass="masthead" Text="???????? ????? ??????????? ???? ?????"></asp:Label>
</p>
</td>
<td width="15%" align="right">
<asp:Image ID="Image3" runat="server" CssClass="imagewidth" ImageUrl="~/Images/karnataka-government-logo.png" />
</td>
</tr>
</table>
</asp:Panel>
</div>
<div class="row">
<div class="col-sm-4">
<asp:Label ID="lbluserid" runat="server" Text="User ID :" Visible="false"></asp:Label>
<asp:Label ID="lbluser" runat="server"></asp:Label>
</div>
<div class="col-sm-4">
<asp:Label ID="lblusername" runat="server" Text="User Name :" Visible="false"></asp:Label>
<asp:Label ID="lbluname" runat="server"></asp:Label>
</div>
<div class="clock col-sm-4" style="color: #000066; font-size: 2px;">
<div id="Date">
</div>
<ul>
<li id="hours"></li>
<li id="Li1">:</li>
<li id="min"></li>
<li id="point">:</li>
<li id="sec"></li>
</ul>
</div>
</div>
<div class="navbar navbar-expand-md navbar-dark bg-dark mb-4 nav-bgcolor mr-auto"
role="navigation">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item active"><a class="nav-link" href="../Dashboard/Dashboard.aspx">Home<span class="sr-only">
(current)</span></a> </li>
<li class="nav-item dropdown active"><a class="nav-link dropdown-toggle" id="dropdown1"
data-toggle="dropdown" aria-haspopup="true">Veterinary Institutions
</a>
<ul class="dropdown-menu" aria-labelledby="dropdown1">
<li class="dropdown-item" ><a href="InstituteTypeMaster/Index.aspx">Institute Type Master</a>
</li>
<li class="dropdown-item" ><a href="InstituteTypeMaster/InstTypeIndex.aspx">Institute Detail Master</a></li>
</ul>
</li>
<li class="nav-item dropdown active"><a class="nav-link dropdown-toggle" id="A1"
data-toggle="dropdown" aria-haspopup="true" >Annual Requirements</a>
<ul class="dropdown-menu" aria-labelledby="dropdown1">
<li class="dropdown-item"><a href="../admin/Reports/Dashboard.aspx">Dash Board</a></li>
<li class="dropdown-item"><a href="../admin/Reports/TotIndCount.aspx">Requirement Details</a></li>
<li class="dropdown-item"><a href="../admin/Reports/InstList.aspx">Institutes Not Registered</a></li>
<li class="dropdown-item"><a >Drugwise Approved
Indent</a></li>
<li class="dropdown-item" ><a href="RevokeApproval.aspx">Revoke DD Approval</a></li>
<li class="dropdown-item" ><a href="RevokeMOApproval.aspx">Revoke Incharge
Approval</a></li>
</ul>
</li>
<li class="nav-item dropdown active"><a class="nav-link dropdown-toggle" id="A2"
data-toggle="dropdown" aria-haspopup="true">Deputy Directorate</a>
<ul class="dropdown-menu" aria-labelledby="dropdown1">
<li class="dropdown-item"><a href="DrugRpt.aspx">Deputy Directorate
Map Master </a></li>
</ul>
</li>
<li class="nav-item active"><a class="nav-link" href="~/admin/TalukMaster/Index.aspx">Taluk Master<span class="sr-only">
</span></a></li>
<li class="nav-item dropdown active"><a class="nav-link dropdown-toggle" id="A3"
data-toggle="dropdown" aria-haspopup="true">User Management
</a>
<ul class="dropdown-menu" aria-labelledby="dropdown1">
<li class="dropdown-item"><a href="DrugRpt.aspx">User Administration</a></li>
<li class="dropdown-item"><a href="~/admin/DesignationMaster/Index.aspx">Designation Master</a></li>
<li class="dropdown-item"><a href="~/admin/DeleteLastLoginTrack.aspx">Delete Login Track</a></li>
<li class="dropdown-item"><a href="~/admin/UserTypeMaster/Index.aspx">User Type Master
</a></li>
</ul>
</li>
<li class="nav-item dropdown active"><a class="nav-link dropdown-toggle" id="A4"
data-toggle="dropdown" aria-haspopup="true">Drugs</a>
<ul class="dropdown-menu" aria-labelledby="dropdown1">
<li class="dropdown-item"><a href="~/admin/DrugMaster/index.aspx">Drug Master</a></li>
<li class="dropdown-item"><a href="~/admin/DosagesMaster/Index.aspx">Dosage Master</a></li>
<li class="dropdown-item" ><a href="~/admin/StrengthMaster/Index.aspx">Strength Master</a></li>
<li class="dropdown-item"><a href="~/admin/PackagingMaster/Index.aspx">Packaging</a></li>
<li class="dropdown-item" ><a href="~/admin/DrugGroupMaster/Index.aspx">Drug Group Master</a></li>
<li class="dropdown-item" ><a href="~/admin/CategoryMaster/Index.aspx">Drug Category Master</a></li>
</ul>
</li>
<li class="nav-item active"><a class="nav-link" href="InsertingExpiredData.aspx">Processing<span class="sr-only">
</span></a></li>
<li class="nav-item active"><a class="nav-link" href="IndentVerification.aspx">Indent Verification <span
class="sr-only"></span></a></li>
<%-- <li class="nav-item active"><a class="nav-link" href="~/Account/Logout.aspx">Reports<span
class="sr-only"></span></a></li>--%>
<%-- <li><a id="A5" runat="server" href="~/Account/Changepwd.aspx">Change Password</a></li>--%>
<li class="nav-item active"><a class="nav-link" href="~/Account/Logout.aspx">Logout<span
class="sr-only"></span></a></li>
</ul>
<script type="text/javascript"
src="<%= Page.ResolveClientUrl("~/Bootstrap4/js/bootstrap.min.js") %>"></script>
<script type="text/javascript"
src="<%= Page.ResolveClientUrl("~/Bootstrap4/js/bootstrap.js") %>"></script>
<script type="text/javascript"
src="<%= Page.ResolveClientUrl("~/Bootstrap4/js/clock.js") %>"></script>
<script type="text/javascript"
src="<%= Page.ResolveClientUrl("~/Bootstrap4/js/clock_jquery.js") %>"></script>
</div>
</div>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
<footer> <div class="fixed-bottom badge-secondary footer">
<img src="../Images/niclogo.png" width="170px" height="42px" class="d-inline-block align-bottom" alt="" /> </div>
</footer>
<!-- Bootstrap Js -->
<script type="text/javascript">
$(document).ready(function () {
$('.navbar .dropdown-item').on('click', function (e) {
var $el = $(this).children('.dropdown-toggle');
var $parent = $el.offsetParent(".dropdown-menu");
$(this).parent("li").toggleClass('open');
if (!$parent.parent().hasClass('navbar-nav')) {
if ($parent.hasClass('show')) {
$parent.removeClass('show');
$el.next().removeClass('show');
$el.next().css({ "top": -999, "left": -999 });
} else {
$parent.parent().find('.show').removeClass('show');
$parent.addClass('show');
$el.next().addClass('show');
$el.next().css({ "top": $el[0].offsetTop, "left": $parent.outerWidth() - 4 });
}
e.preventDefault();
e.stopPropagation();
}
});
$('.navbar .dropdown').on('hidden.bs.dropdown', function () {
$(this).find('li.dropdown').removeClass('show open');
$(this).find('ul.dropdown-menu').removeClass('show open');
});
});
</script>
</form>
</body>
</html>
 

Answers (1)