Click here to Skip to main content
15,920,383 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
<ul class="sidebar-nav">
                  <li class="sidebar-brand"> <a href="#"> Start Bootstrap </a> </li>
                  <li> <a href="#">Dashboard</a> </li>
                  <li> <a href="#">Shortcuts</a> </li>
                  <li> <a href="#">Overview</a> </li>
                  <li> <a href="#">Events</a> </li>
                  <li> <a href="#">About</a> </li>
                  <li> <a href="#">Services</a> </li>
                  <li> <a href="#">Contact</a> </li>
              </ul>
      </div>


How to use above code using asp menu control. if i use asp menu control then bootstrap theme will not display.
I want following menu in my bootstrap dashboard

<asp:Menu ID="Menu1" runat="server">
                   <Items>
                       <asp:MenuItem Text="Help Desk" Value="Employee Management">
                            <asp:MenuItem Text="Master" Value="Master">
                               <asp:MenuItem Text="Service Group" Value="Service Group" NavigateUrl="ServiceGroup.aspx"></asp:MenuItem>
                               <asp:MenuItem Text="Service Title" Value="Service Group" NavigateUrl="#"></asp:MenuItem>

                           </asp:MenuItem>
                           </asp:MenuItem>
                       <asp:MenuItem Text="Emp Mgt" Value="Employee Management">
                           <asp:MenuItem Text="Transaction" Value="Transaction"></asp:MenuItem>
                           <asp:MenuItem Text="Master" Value="Master">
                               <asp:MenuItem Text="Employee Master" Value="Employee Master"></asp:MenuItem>
                               <asp:MenuItem Text="Location Master" Value="Location Master"></asp:MenuItem>
                               <asp:MenuItem Text="Department Master" Value="Department Master"></asp:MenuItem>
                               <asp:MenuItem Text="Designantion Master" Value="Designantion Master"></asp:MenuItem>
                               <asp:MenuItem Text="State Master" Value="State Master"></asp:MenuItem>
                               <asp:MenuItem Text="State Master" Value="State Master"></asp:MenuItem>

                           </asp:MenuItem>
                           <asp:MenuItem Text="Report" Value="Report"></asp:MenuItem>
                       </asp:MenuItem>
                       <asp:MenuItem Text="Fin Acc" Value="Financial Accounting"></asp:MenuItem>
                   </Items>
               </asp:Menu>


What I have tried:

<asp:Menu ID="Menu1" runat="server">
                   <Items>
                       <asp:MenuItem Text="Help Desk" Value="Employee Management">
                            <asp:MenuItem Text="Master" Value="Master">
                               <asp:MenuItem Text="Service Group" Value="Service Group" NavigateUrl="ServiceGroup.aspx"></asp:MenuItem>
                               <asp:MenuItem Text="Service Title" Value="Service Group" NavigateUrl="#"></asp:MenuItem>

                           </asp:MenuItem>
                           </asp:MenuItem>
                       <asp:MenuItem Text="Emp Mgt" Value="Employee Management">
                           <asp:MenuItem Text="Transaction" Value="Transaction"></asp:MenuItem>
                           <asp:MenuItem Text="Master" Value="Master">
                               <asp:MenuItem Text="Employee Master" Value="Employee Master"></asp:MenuItem>
                               <asp:MenuItem Text="Location Master" Value="Location Master"></asp:MenuItem>
                               <asp:MenuItem Text="Department Master" Value="Department Master"></asp:MenuItem>
                               <asp:MenuItem Text="Designantion Master" Value="Designantion Master"></asp:MenuItem>
                               <asp:MenuItem Text="State Master" Value="State Master"></asp:MenuItem>
                               <asp:MenuItem Text="State Master" Value="State Master"></asp:MenuItem>

                           </asp:MenuItem>
                           <asp:MenuItem Text="Report" Value="Report"></asp:MenuItem>
                       </asp:MenuItem>
                       <asp:MenuItem Text="Fin Acc" Value="Financial Accounting"></asp:MenuItem>
                   </Items>
               </asp:Menu>
Posted
Updated 26-Mar-19 5:56am

1 solution

You haven't set any bootstrap css in your ASP Menu Control. Check this article to get started: Responsive ASP.NET Menu Control With Twitter Bootstrap - TechBrij[^]
 
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