Bootstrap nav menu in BC(3rd level dropdowns)

Hi everyone,
I am making a module V2 bootstrap nav menu in BC but i cant get the 3rd level  ITEM_1_1  and Items Item2_1_ and item  ItEM2_1_1 to open,
Here's the code of the file children.html for  this.
<li class="dropdown"{tag_menuitemidname_withid} {tag_menuitemcssclass_withclass}>
<a class="dropdown-toggle" data-toggle="dropdown"  href="{tag_menuitemurl}">{tag_menuitemlabel}
</a>
<ul class="dropdown-menu">
{tag_menugroup}
</ul>
</li>
the code for the group.html:
<ul class=" nav">{tag_menuchilditem}</ul>
and the code for the container.html:
<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
    <div class="nav-collapse collapse">
      <div id="1529273">{tag_menugroup}</div>
    </div>
  </div>
</div>
How can this be done in BC?
The link fot the page:
Home Page

View the source code of this menu I'm working on
http://www.ossiningdesignguild.com/indexV3.html
The CSS can be seen here:
http://www.ossiningdesignguild.com/TJnav.css
The deepest dropdowns are under "Jewelry/Stainless Steel/Mens" path.

Similar Messages

  • Bootstrap menu in BC(3rd level dropdowns)

    Hi everyone,
    I am making a module V2 bootstrap nav menu in BC but i cant get the 3rd level dropdown ITEM_1_1  and Items Item2_1_ and item  ItEM2_1_1 to open,
    Here's the code of the file children.html for  this.
    <li class="dropdown"{tag_menuitemidname_withid} {tag_menuitemcssclass_withclass}>
    <a class="dropdown-toggle" data-toggle="dropdown"  href="{tag_menuitemurl}">{tag_menuitemlabel}
    </a>
    <ul class="dropdown-menu">
    {tag_menugroup}
    </ul>
    </li>
    How can this be done?
    The link:Home Page

    View the source code of this menu I'm working on
    http://www.ossiningdesignguild.com/indexV3.html
    The CSS can be seen here:
    http://www.ossiningdesignguild.com/TJnav.css
    The deepest dropdowns are under "Jewelry/Stainless Steel/Mens" path.

  • Bootstarp 2  nav menu in bc(3rd level drop downs)

    Hi everyone,
    I am making a module V2 bootstrap nav menu in BC but i cant get the 3rd level  ITEM_1_1  and Items Item2_1_ and item  ItEM2_1_1 to open,
    Here's the code of the file children.html for  this.
    <li class="dropdown"{tag_menuitemidname_withid} {tag_menuitemcssclass_withclass}>
    <a class="dropdown-toggle" data-toggle="dropdown"  href="{tag_menuitemurl}">{tag_menuitemlabel}
    </a>
    <ul class="dropdown-menu">
    {tag_menugroup}
    </ul>
    </li>
    the code for the group.html:
    <ul class=" nav">{tag_menuchilditem}</ul>
    and the code for the container.html:
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
        <div class="nav-collapse collapse">
          <div id="1529273">{tag_menugroup}</div>
        </div>
      </div>
    </div>
    How can this be done?
    The link:
    Home Page

    View the source code of this menu I'm working on
    http://www.ossiningdesignguild.com/indexV3.html
    The CSS can be seen here:
    http://www.ossiningdesignguild.com/TJnav.css
    The deepest dropdowns are under "Jewelry/Stainless Steel/Mens" path.

  • Bootstrap nav menu on bc website

    Hi everyone,
    I have this bootsrap nav menu on a bc template and the nav menu button(hamburger btn) shows on the desktop view, plus i would like to now how to make the menu display on the mobile as vertical and horizontal on the desktop view.
    its at http://grapejuice.businesscatalyst.com/index.html

    Hello Alex,
    If you are looking for creating a Bootstrap 3 Navbar and integrate it with Business Catalyst Menu manager i have created a Jquery plugin that will handle this for you. You don't need to mess with css & javascript in order to make it work and your clients dont have to add any dropdown class through the menu manager. The plugin handles all that for you.
    Download the plugin here http://www.it-amigo.se/LiteratureRetrieve.aspx?ID=131498.
    Then add the a ID to the <nav> tag and afterwards the following script code.
    <script type="text/javascript">
    $('#nav_id').bootstrapNav({
        // Dropdown Choice: Toggle(Bootstrap Default) = true, Hover Dropdown = false.
        dropdownToggle: true,
        // At what point should navbar go back to Toggle for Mobile Devices.
        breakpoint: 1199
    </script>
    And Whola! Bootstra 3 Navbar working without issues.
    You can find a video tutorial here..
    Good luck!
    Ivan Mauricio

  • 3 Level Dropdown Menu in Top Level Navigation

    Hi All,
    I have to customize the TLN, to a 3 level drop down menu(hover effect) pattern.
    I am having a JSP page and a CSS file to handle the styling part. But i am not able to get the desired output. There are lot of blogs on 2 level DD menus, but nothing is found for 3 levels.
    Please help me in this if somebody has already achieved this requirement.
    With the codeI am using the nodes are not coming properly, few nodes from the 2nd level and few nodes fom teh 3rd level are getting displayed together.
    <ul>
        <nav:iterateInitialNavNodes>
            <li class='Level1'><nav:navNodeAnchor navigationMethod="byURL" />
            <nav:ifNavNodeHasChildren>
                <ul>
                <nav:iterateNavNodeChildren>
                    <li class='Level2' id='l1'><nav:navNodeAnchor navigationMethod="byURL" />
                         <nav:ifNavNodeHasChildren>
                              <ul>
                              <nav:iterateNavNodeChildren>
                                   <li class='Level3' id='l2'><nav:navNodeAnchor navigationMethod="byURL" /></li>
                              </nav:iterateNavNodeChildren>
                                  </ul>
                              </nav:ifNavNodeHasChildren>     
                         </li>     
                </nav:iterateNavNodeChildren>
                </ul>
            </nav:ifNavNodeHasChildren>
            </li>
        </nav:iterateInitialNavNodes>
        </ul>
    Please post your suggestions on this.
    Regards,
    Becky.
    Edited by: Becky Joseph on Oct 17, 2010 12:09 PM
    Edited by: Becky Joseph on Oct 17, 2010 12:12 PM
    Edited by: Becky Joseph on Oct 17, 2010 12:15 PM

    Hi Simon,
    I tried as you suggested like this:
    <li class='Level2' id='l1'><nav:navNodeAnchor navigationMethod="byURL" />
                         <nav:ifNavNodeHasChildren>
                              <ul>
                              <nav:iterateNavNodeChildren currentNavNode = "CurrentRoot">
                                   <li class='Level3' id='l2'><nav:navNodeAnchor navigationMethod="byURL" /></li>
                              </nav:iterateNavNodeChildren>
                                  </ul>
                              </nav:ifNavNodeHasChildren>     
                         </li>
    But then also there is no change in the output. What is the value that has to be set to the currentNavNode attribute?
    Regards,
    Becky.

  • 3rd level hover menu in portal

    Hi,
    I have implemented the hover menu as explained in this blog by Ameya
    "Implementing the Hover Menu on Portal Top Level Navigation, Part 2"
    Does anyone know how to implement the third level  Hover menu in portal?
    e.g.
    CRM
           - SALES
                         -SUPPORT
    Is it possible to have the 'detailed navigation' links as an option on the hover menu??
    Can anyone please provde me the details?
    Thanks,
    DVK

    plz refer to following links:
    http://help.sap.com/saphelp_nw04s/helpdata/en/5a/33befa45ca7f459b24d0c5d51d0749/frameset.htm
    Number of levels in Top level Navigation
    hope thid helps you to some extent.
    Regards,
    Yogesh...

  • Beginner Question: UL Nav Menu and Text Question

    Ok, I appreciate the input in advance.  Although I am using a Dreamweaver book and online tools like Lynda.com... there are some questions I can't find the answer too or just don't know how to articulate my issue correctly in a search browser to find the right answer...
    So, my question:
    I have used Spry menu's which are great, but I have taken the time to learn how to create a Pull Down Nav Menu from a Unordered List and CSS.
    That UL is driven by text in the list...so what if you want to create an unordered list type Nav pulldown, but want to only use background graphics for the nav menu (i.e. text is already imbedded in the graphic from Photoshop or the graphic has no text and is just a graphic).  Whenever I completely delete the text out of a List Item, that list item dissapears, which makes complete sense but begs the question of how do I create a Nav Menu with only graphics that will pull down into multiple levels?
    Is what I am asking not a real standard practice and I shouldn't be doing it that way?
    If it were a one level menu, I know I could just use floated DIV tags, but since I have pull downs I can't see how that would work in a multiple nested pull down Nav Menu.
    Again, sorry for the noob question.. and I appreciate your responses in advance.

    Thanks again Murray.. and yes I am serious.  I am coding two sites right now for my personal businesses.  I have a decent handle on Dreamweaver (but not straight coding which I am sure will come over time through trial and error...) and I now taking courses via Lynda and reading books on PHP.
    After seeing your response above, I fell stupid as that is just a failure to learn HTML which is a double-edged sword of DW.
    Things are not too bad so far, but I am trying to balance the need for getting the site up in a reasonable amount of time AND learning all the technology behind the site.
    Since my site(s) will be actively managed, and I consider myself smart and technically savvy, I just couldn't justify paying someone to manage my sites that would need to be changed almost daily... would probably bankrupt me also.
    I know some local sites for medium size businesses where they paid brand name web design companies $40-50k to design and build sites that really aren't that great..and are continuing to pay as they are active sites and they wanted someone to manage them.   Other smaller companies are paying between $600 and $1,000 per STATIC page and they provided the artwork upfront and got some pretty simple web development back.
    And in this economy, knowing how to design, build, and maintain a website probably isn't the worst skill to have in the event I ever find myself out of middle management CPG work
    Some of my challenges I am trying to learn about right now are:
    PHP & SQL for contact forms, login for restricted access, consumer feedback, etc.
    RSS specific news feeds into the site
    SEO
    Problem is I seem to have more business ideas than time... I have worked in mid to upper mgmt for large CPG companies most of my life, and recently moved my family to Northwest Arkansas for my career.  There is low-hanging fruit everywhere for internet businesses that are tied knowledge specific to the local "retailer" here..In fact, some of them I can't believe haven't been taken advantage of yet (which is why I feel time stressed in case someone else beats me too it).
    Thanks again for all your help.
    Tim

  • Bootstrao nav menu on business catalyst web site(dwt)

    Hi everyone,
    I am trying to make a nav menu using bootstrap on a BC website template in dreamweaver but the nav menu doesnt work, the nav menu button doesnt do nothing wen we click it and it shows on the desktop view too.(all its still blank and with no css classes)
    here is the nav menu code:
    <div class="navbar navbar-inverse navbar-fixed-top">
          <div class="navbar-inner">
                <div class="container">
                  <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                  </button>
                  <a class="brand" href="index.html"><img src="/images/grapelogo.png" alt="grape juice logo"></a>
                  <div class="nav-collapse collapse">
                    <ul class="nav menu_desktop">
                       <li><a href="../index.html">HOME</a></li>
                  <li><a href="../index.html">ABOUT</a></li>
                  <li><a href="../wines.html">WINES</a></li>
                  <li><a href="../champagne.html">CHAMPAGNE</a></li>
                  <li><a href="../blog.html">BLOG</a></li>
                  <li><a href="../contactus.html">CONTACT US</a></li>
                    </ul>
                  </div><!--/.nav-collapse -->
                </div>
              </div>
        </div>
    its at http://grapejuice.businesscatalyst.com/index.html
    can anyone give me a hand with this?

    Try by placing the following line immediately after <title>Grapejuice</title>
    <script type="text/javascript" src="/ScriptLibrary/jquery-latest.pack.js"></script>

  • My nav menu is not working properly in IE8

    My nav menu (all css) is not properly working in IE8 (no surprise). The submenu (under contact) seems to disappear when you attempt to hover & try to select on it. Not sure if it's a z-index thing or not. The menu works just fine in firefox, safari, chrome, and opera (of course). All code for the site has been validated and revalidated. I work in Dreamweaver CS4.
    No matter what I do, IE always seems to give me issues.
    The nav code is below. Here is the link: http://www.americaneaglesteel.com/
    Thanks, in advance, for the help.
    BRD
    #navigation{
    width:100%;
    height:30px;
    background-image: url(images/aestabgroup.png);
    background-repeat: no-repeat;
    #navigation ul
              margin:0px;
              padding:0px;
              font-family:Arial, Helvetica, sans-serif;
    #navigation ul li
              display:inline;
              height:30px;
              float:left;
              list-style:none;
              margin-left:0px;
              position:relative;
              width: 132px;
              padding-top: 7px;
              text-align:center;
              z-index: 1;
    #navigation li a
              color:#fff;
              text-decoration:none;
              letter-spacing: 1px;
    #navigation li a:hover
    {text-decoration:none;
    color:#ccc; }
    #navigation li ul
              margin:0px;
              padding:0px;
              display:none;
              position:absolute;
              left:12px;
              top:32px;
              width: 133px;
              font-size: 90%;
              background-color: #a41414;
              text-align: center;
              line-height: 160%;
              z-index: 2;
    #navigation li:hover ul
    display:block;
    width:133px
    #navigation li li
              list-style:none;
              display:block;
              border-color: #FFF;
              border-style: solid;
              border-width: 1px;
    #navigation li li a
              color:#fff;
              text-decoration:none;
    #navigation li li a:hover
    text-decoration:none;
    color:#ccc;

    I see the menu when the browser window is wider than about 1180px.<br />
    If the window is smaller than I get the menu button.<br />
    In Google Chrome this works the same.
    A good place to ask advice about web development is at the mozillaZine "Web Development/Standards Evangelism" forum.
    *http://forums.mozillazine.org/viewforum.php?f=25
    The helpers at that forum are more knowledgeable about web development issues.<br>
    You need to register at the mozillaZine forum site in order to post at that forum.

  • (Sharepoint Online) TopNavigationMenu - Dynamic display levels 3 - shows URL from currentNav on 3rd level

    Hi,
    I posted on the community support for Sharepoint, but they pointed me here.
    It's my first time around, thanks for your help !
    Here is the problem :
    I have set some sites to have a 3rd level of navigation.
    I have edited the masterpage (seattle) to have de MaximumDynamicDisplayLevels="3", and it works well for sites that have a 3rd level of sites configured.
    But for other sites who does not, I am being shown an URL that was added in the current navigation of a site, that points to another site collection, without being a subsite of the current site at all.
    Can you help ? It looks like a bug to me...

    Hi ejutras,
    Per my knowledge, it should be by design that only the sub-sites (and sub-sites' sub-sites) could be fly-out for the site which has enabled the option MaximumDynamicDisplayLevels="3"
    for Quick Launch, instead of other separate sites (or other site collections) whose URLs are added in this site quick launch.
    http://aarebrot.net/blog/2008/11/customizing-the-quick-launch-and-navigation-bars/
    Thanks
    Daniel Yang
    TechNet Community Support
    Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
    [email protected]

  • My Bootstrap nav conundrum: Does anyone who has used a bootstrap nav in BC had this issue...

    My Bootstrap nav conundrum: Does anyone who has used a bootstrap nav in BC had this issue or know the fix: If you look at any page on http://www.aerotype.com, the first two clicks on almost any part of the page (like the rotator image left or right arrow) cause the page to jump, and you open the inspector on the top nav area and look at the div with the class="navbar-collapse collapse navbar-right navbar-ex1-collapse" you'll see that an additional class, .in, is added and .collapse is removed on the first click, and a style="height: auto;" is added, then on the second click it's changed to style="height: 0;"... I can't figure our what is causing 'in' to be added to the class (or .collapse removed), what it's for, or how to change it, if that is the issue... the his doesn't happen when the class: navbar-collapse is removed, so I think is has something to do with that but of course the collapse doesn't function without it. If anyone can enlighten me on what is going on I would Greatly appreciate it.

    You have this click function on the top'ish part of your site.js that is causing this issue!
    // collapse navbar in phone mode on click $(document).on('click',function(){ $('.navbar-collapse').collapse('hide'); }) // end collapse navbar in phone mode on click
    Your are better off just deleting it (the click function) as it is not doing what the code comment says it does.

  • Re-using a function with minor changes to load sub Nav menu

    Hi.
    I have a function that loads xml and uses its to create a
    main navigation menu. When an object is selected the movie detects
    which button has been selected and traces the label for that
    button. I need to take this a step further and have a
    sub-navigation menu load when the "Home2" button is selected. As
    you can see from the comments in the code with 2 minor changes to
    the createBoxes function, the sub-nav menu can be loaded instead of
    the main nav menu. My problem is this, I need to main nav menu is
    be present at all times, I only need the sub nav to load when the
    Home 2 button is pressed and I somehow need to reuse the
    createBoxes function with the changes stated in the the comments in
    order to load the sub nav menu when required. I want to reuse this
    function (if possible) instead of duplicating the code in a new
    function.
    If anyone can show me how this is done I would be very
    greatful.
    Thanks
    Barry.

    basically the submenu will look exactly the same as the main
    menu, only it will be positioned to the right of it when the home2
    button is pressed. I then need it to unload when any other button
    is pressed. By changing the following lines in the current
    createBoxes function the submenu loads as I would like. I am just
    wondering if it is possible to pass in a couple of vars to change
    the lines of code as detailed below, depending on whether the home2
    button or one of the other mainn nav buttons is pressed.
    The code that when changed loads the submenu:
    In function createBoxes change var il:XMLList =
    xml.navigation.main_navigation; to var il:XMLList =
    xml.navigation.main_navigation.sub_navigation; . This loads the sub
    nav instead of the main nav but in the same position as the main
    nav.
    by also changing box.x = 100; to box.x = 260; in the function
    createBoxes the sub nav menu loads in the position I would like it
    to be.
    Now I am wondering if changing the code to something like the
    following (see attached code) could this work?
    Barry.

  • Can I change the nav menu text color?

    Can I change the nav menu text color? ( it's too dark for the dark background I like.)

    I have this exact same question and you have no reply and I'm wondering what the answer is.

  • Firefox displaying the nav menu strangely

    Hi
    I've built the following site and I'm having an issue with older versions of Firefox displaying the nav menu strangely.
    http://www.mhn-ltd.com/
    Basically the issue is, that when hovering over menu page links, they sporadically disappear and reappear. They div floated right in the header (containing "tel: 01246 xxxxxx Call now to book a visit") is also coming and going. If I delete that floated div, the nav menu works fine, but I ideally want to keep it in. What's also strange, is the problem is not happening on the gallery page, I've copied the code exactly from there to solve the issue but its still happening.
    The issue is not happening in the new Firefox, just older versions. I'm on Mac OSX 10.5.8, so cannot upgrade the new version of Firefox, Im using 16.0.2. The problem doesn't exist in any other browser.
    Thanks in advance

    Hi there
    Thanks for your replies, I'm using Firefox 16.0.2
    After further investigation, I have found that it is the <select> option within the form in the right hand side div causing the issue.
    In this [http://greglumleydesign.co.uk/index.html link,] I have left the <select> option in the form and the issue of the three a links (testimonials, helpful links and get in touch) disappearing in the nav menu when you hover over them is there.
    In this [http://greglumleydesign.co.uk/test.html link] I have removed the <select> option within the form and the problem is fixed.
    Is there any reason this would be happening?
    Thanks

  • Enable Hoover Menu in Ajax Top-Level-Navigation

    Hi all,
    currently we´re upgrading from 7.0. SPS18 to EHP2 SP6. We want to use the AJAX framework page. We also want to have a hoover menu in the Top-Level-Navigation.
    I´m aware of the tutorial in the SDN (http://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/6066b302-09c8-2a10-a894-eb9fef30df85?QuickLink=index&overridelayout=true), but I also want to use the widget tab.
    Anybody around who did a hoover menu in an AJAX framework page?
    Thx and Rgds,
    Andreas

    Bump

Maybe you are looking for

  • Advice needed on combining libraries

    Hello. I am about to upgrade to A3 and would like some advice on the best way to accomplish my goal. I have an Iphoto library, and a A2 library. Neither of these is arranged in a date style file system, which is what I would like. Right now they are

  • 3210 not recognized by a IMac running 10.10.1 for scanning

    I'm attempting to hook up my 3210 to a new Mac running 10.10.1. It is connected by USB cable. I tried printing, and that works fine. If I try using Scan Picture via SP Device Manager I get the response that the scanner could not be initiallized and a

  • 2008 R2: Want to use GP to add a network printer for certain Computers

    Hi all.  This is a single-domain 2008 R2 AD.  It's very basic.  All usrs are in the Users container in ADUC and all computrs are in the Computers container. However there are two classes of users which I'll indicate here as Level 1 and Level 2 staff.

  • Saved File w/same name: Rescue old one?

    Hello; I'm an experienced user, can't believe I did this. Saved a DVDSP file in same folder with FCP file. Used same file name. Wrote DVDSP file, lost FCP file. I know data is still there, but now name in directory points to DVDSP file. Any suggestio

  • IPhoto on iPhone never completes Updating Photo Library

    Tried about 10 times. After opening iPhoto, it attempts to Update Photo Library. It gets about 3/4 way done and then quits. (I do have a LOT of photos, probably about 20,000 on my phone) iPhone 4S 64GB, IOS 5.1