Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 597
  • Last Modified:

dynamic menu in asp.net c#

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
rnsr
Asked:
rnsr
  • 6
  • 5
1 Solution
 
Pawan KumarDatabase ExpertCommented:
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
 
rnsrAuthor Commented:
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
 
Pawan KumarDatabase ExpertCommented:
So for these entries , what you are not getting ?
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
rnsrAuthor Commented:
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
 
Pawan KumarDatabase ExpertCommented:
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
 
rnsrAuthor Commented:
Hi,
   i placed this code but on wrong position in my code.

Thanks,
0
 
rnsrAuthor Commented:
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
 
Pawan KumarDatabase ExpertCommented:
Can you please provide the screen shot?
0
 
rnsrAuthor Commented:
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
 
Pawan KumarDatabase ExpertCommented:
I think that is the correct process. When you click on the menu item it should show sub menu items.
0
 
rnsrAuthor Commented:
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

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 6
  • 5
Tackle projects and never again get stuck behind a technical roadblock.
Join Now