1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.2 Tablinks dropdown menu with a drop down menu inside problem

Discussion in 'Styling and Customization Questions' started by Matthew Hawley, Aug 1, 2013.

  1. Matthew Hawley

    Matthew Hawley Well-Known Member

    Okay so I put this drop down menu in the tablinks:

    Code:
    <li><div class="Popup">
                                                        <a rel="Menu">Links</a>
                                                            <div class="Menu">
                                                                <span class="arrowWidget"></span>
                                                                    <ul class="secondaryContent blockLinksList">
                                                               
                                                                                        <li><a href="http://google.com">Link 2</a></li>
                                                                                        <li><a href="http://google.com">Link 3</a></li>
                                                                                        <li><a href="http://google.com">Link 4</a></li>
                                                                                        <li><a href="http://google.com">Link 5</a></li>
                                                                                        <li><a href="http://google.com">Link 6</a></li>
                                                                                    </ul>
                                                                    </div>
                                                    </div></li>
    Everything works fine. But I want to add a drop down menu to those links.

    So now I have this code:

    Code:
    <li><div class="Popup">
                                                        <a rel="Menu">Links</a>
                                                            <div class="Menu">
                                                                <span class="arrowWidget"></span>
                                                                    <ul class="secondaryContent blockLinksList">
                                                                    <li><div class="Popup">
                                                                                        <a rel="Menu">Link 1</a>
                                                                                            <div class="Menu">
                                                                                                <span class="arrowWidget"></span>
                                                                                                    <ul class="secondaryContent blockLinksList">
                                                                                                        <li><a href="http://google.com">Link 2</a></li>
                                                                                                    </ul>
                                                                                            </div>
                                                                                           
                                                                                        <li><a href="http://google.com">Link 2</a></li>
                                                                                        <li><a href="http://google.com">Link 3</a></li>
                                                                                        <li><a href="http://google.com">Link 4</a></li>
                                                                                        <li><a href="http://google.com">Link 5</a></li>
                                                                                        <li><a href="http://google.com">Link 6</a></li>
                                                                                    </ul>
                                                                    </div>
                                                    </div></li>
    And here is what it comes up as

    [​IMG]

    Any suggestions?
     
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    The system doesn't support nested popups.

    Maybe consider using indents to build trees? That's how I handle depth in the NAT addon (see screenshots):

    http://xenforo.com/community/resources/nodes-as-tabs.9/

    But constructing such menus requires conditions to change the code if the tab is selected versus not. My addon handles that complexity with nodes. Doing this with hard-coded links is something else.
     

Share This Page