Click here to Skip to main content
15,747,637 members
Please Sign up or sign in to vote.
1.00/5 (2 votes)
See more:
I want Master page with left side dynamic menu and sub menu panel this panel just like visual studios windos explorer panel
Plz help me
Posted
Updated 3-Apr-23 20:52pm

You have to create that yourself.

Please try google atleast before posting question. Here you go, I got this as 2nd link from Google using keyword "asp.net masterpage menu"

Master Pages and Site Navigation[^]
 
Share this answer
 
<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="Paitho.master.vb" Inherits="Paithology.Paitho" %>

<!DOCTYPE html>

<html>
   <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> 

<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<head runat="server">
    <title></title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
   
    <link href="Style.css" rel="stylesheet" />
    <link href="css/bootstrap.css" rel="stylesheet" />
    
</head>
<body>
    <form id="form1" runat="server">
         <header class="header">
          <nav class="navbar navbar-toggleable-md navbar-light pt-0 pb-0 ">
            <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
            
            </button>
            <a class="navbar-brand p-0 mr-5" href="#"><img src="http://via.placeholder.com/100x50"></a>
            <div class="float-left"> <a href="#" class="button-left"></a> </div>
            <div class="collapse navbar-collapse flex-row-reverse" id="navbarNavDropdown">
              <ul class="navbar-nav">
                <li class="nav-item dropdown messages-menu">
                  <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    class="fa fa-bell-o" start="" href="#" src="http://via.placeholder.com/160x160" alt="User Image" id="navbarDropdownMenuLink" data-toggle="dropdown" style="width: 171px" data-target="#dashboard"> Grid options</a> </li>
          <li style="width: 172px"> <a href="#" data-toggle="collapse" data-target="#tables" class="collapsed active" >^__i class="fa fa-table"> Tables</a>
          <ul  class="sub-menu collapse" id="tables" >
            <li><a href=""> Static Tables</a></li>
            <li><a href=""> Data Tables</a></li>
            <li><a href=""> Foo Tables</a></li>
            <li><a href=""> jqGrid</a></li>
          </ul>
        </li>
        <li style="width: 175px"> <a href="#" data-toggle="collapse" data-target="#e-commerce" class="collapsed active" >^__i class="fa fa-shopping-cart"> E-commerce</a>
        <ul  class="sub-menu collapse" id="e-commerce" >
          <li><a href=""> Products grid</a></li>
          <li><a href=""> Products list</a></li>
          <li><a href="">Product edit</a></li>
          <li><a href=""> Product detail</a></li>
          <li><a href="">Cart</a></li>
          <li><a href=""> Orders</a></li>
          <li><a href=""> Credit Card form</a> </li>
        </ul>
      </li>
      <li style="width: 171px"> <a href="">^__i class="fa fa-pie-chart"> Metrics </a></li>
      
    </ul>
    </div>
    </aside>
    </div>
        
    </form>
    <script src="js/bootstrap.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="Scripts/jquery-3.4.1.js"></script>
    <script src="Scripts/bootstrap.min.js"></script>
    <script src="java.js"></script>
</body>
</html>
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900