Solved

dynamic menu in asp.net c#

Posted on 2016-11-18
11
91 Views
Last Modified: 2016-11-21
i am trying to build  dynamic menu in asp.net as example in below URL

http://www.aspsnippets.com/Articles/Bootstrap-Responsive-ASPNet-Menu-control-for-Mobile-Phone-Tablet-and-Desktop-display.aspx

only one menu option is showing dropdown menu and not other menu options.

I need help on above url code to make other menu option with dropdown .




Thanks in advance.
0
Comment
Question by:rnsr
  • 6
  • 5
11 Comments
 
LVL 28

Expert Comment

by:Pawan Kumar
ID: 41892741
thats because the entries in the DB are missing. Add below entries in your table.

INSERT INTO tableName VALUES
(7,1,'Pawan','Pawan','~/Pawan.aspx'),
(8,1,'Pawan1','Pawan1','~/Pawan1.aspx.')

Open in new window


Hope it helps !
0
 

Author Comment

by:rnsr
ID: 41892747
table entries are as example below  -

id       parentid    name     desc         url

1         0                a              aa         '~/Pawan.aspx'
2         0                b               bb         '~/Pawan1.aspx'
3         1                c                cc          '~/Pawan2.aspx'
4         1                d                dd         '~/Pawan3.aspx'
5         2                e                ee          '~/Pawa5.aspx'
0
 
LVL 28

Expert Comment

by:Pawan Kumar
ID: 41892749
So for these entries , what you are not getting ?
0
Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

 

Author Comment

by:rnsr
ID: 41892754
a and b are main menu options.

 on click ' a' option i want to get drop down menu with option 'c' and 'd'
on click 'b' option i want to get drop down menu with option 'e'
0
 
LVL 28

Accepted Solution

by:
Pawan Kumar earned 500 total points
ID: 41892799
Change this in main.master...

<script type="text/javascript">
        //Disable the default MouseOver functionality of ASP.Net Menu control.
        Sys.WebForms.Menu._elementObjectMapper.getMappedObject = function () {
            return false;
        };
        $(function () {
            //Remove the style attributes.
            $(".navbar-nav li, .navbar-nav a, .navbar-nav ul").removeAttr('style');

            //Apply the Bootstrap class to the SubMenu.
            $(".dropdown-menu").closest("li").removeClass().addClass("dropdown-toggle");

            //Apply the Bootstrap properties to the SubMenu.
            //$(".dropdown-toggle:has(ul)").find("a").eq(0).attr("data-toggle", "dropdown").attr("aria-haspopup", "true").attr("aria-expanded", "false").append("<span class='caret'></span>");
            $(".dropdown-toggle").each(function (index) {
                if ($(this).children('ul').length > 0) {
                    $(this).find("a").eq(0).attr("data-toggle", "dropdown").attr("aria-haspopup", "true").attr("aria-expanded", "false").append("<span class='caret'></span>");
                }
            });
            //Apply the Bootstrap "active" class to the selected Menu item.
            $("a.selected").closest("li").addClass("active");
            $("a.selected").closest(".dropdown-toggle").addClass("active");
        });
    </script>

Open in new window


Output
-----------------

EE
Hope it helps !
0
 

Author Comment

by:rnsr
ID: 41895373
Hi,
   i placed this code but on wrong position in my code.

Thanks,
0
 

Author Comment

by:rnsr
ID: 41895438
unable to show drop down menu when page  is loaded. it shows dropdown menu when one of the main menu option is clicked.

Any solution.
0
 
LVL 28

Expert Comment

by:Pawan Kumar
ID: 41895448
Can you please provide the screen shot?
0
 

Author Comment

by:rnsr
ID: 41895475
attached image.

first time when page is loaded it shows drop down button but when clicked on it  no dropdown menu is shown. when i click on
add sub category then it will show all options of  drop down menu.

Plaese help.
newty.png
0
 
LVL 28

Expert Comment

by:Pawan Kumar
ID: 41895483
I think that is the correct process. When you click on the menu item it should show sub menu items.
0
 

Author Comment

by:rnsr
ID: 41895494
It doesn't show drop down when first time clicked on it after page is loaded. if i click on other option and then click on drop down menu , then it shows drop down options.
0

Featured Post

Problems using Powershell and Active Directory?

Managing Active Directory does not always have to be complicated.  If you are spending more time trying instead of doing, then it's time to look at something else. For nearly 20 years, AD admins around the world have used one tool for day-to-day AD management: Hyena. Discover why

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

ASP.Net to Oracle Connectivity Recently I had to develop an ASP.NET application connecting to an Oracle database.As I am doing it first time ,I had to solve several problems. This article will help to such developers  to develop an ASP.NET client…
Real-time is more about the business, not the technology. In day-to-day life, to make real-time decisions like buying or investing, business needs the latest information(e.g. Gold Rate/Stock Rate). Unlike traditional days, you need not wait for a fe…
This video shows how to use Hyena, from SystemTools Software, to bulk import 100 user accounts from an external text file. View in 1080p for best video quality.
Established in 1997, Technology Architects has become one of the most reputable technology solutions companies in the country. TA have been providing businesses with cost effective state-of-the-art solutions and unparalleled service that is designed…

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question