• 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

Matthew Hawley

Well-known member
#1
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



Any suggestions?
 

Jake Bunce

XenForo moderator
Staff member
#2
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.