Solved

dynamic menu in asp.net c#

Posted on 2016-11-18
11
62 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 25

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 25

Expert Comment

by:Pawan Kumar
ID: 41892749
So for these entries , what you are not getting ?
0
 

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 25

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
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 

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 25

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 25

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

We all know that functional code is the leg that any good program stands on when it comes right down to it, however, if your program lacks a good user interface your product may not have the appeal needed to keep your customers happy. This issue can…
Performance in games development is paramount: every microsecond counts to be able to do everything in less than 33ms (aiming at 16ms). C# foreach statement is one of the worst performance killers, and here I explain why.
This tutorial gives a high-level tour of the interface of Marketo (a marketing automation tool to help businesses track and engage prospective customers and drive them to purchase). You will see the main areas including Marketing Activities, Design …
This Micro Tutorial demonstrates using Microsoft Excel pivot tables, how to reverse engineer competitors' marketing strategies through backlinks.

862 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

Need Help in Real-Time?

Connect with top rated Experts

26 Experts available now in Live!

Get 1:1 Help Now