XF 1.1 Using a different drop down list for a navtab.

Matthew Hawley

Well-known member
I made a custom menu for my tablinks on xenmedio.

Media Library - LetsPWN.png

But the problem is: the drop down menu looks like this.

Images - LetsPWN.png

So I need to use another menu for the drop down menu.

Anyone know how to accomplish this?
 

Jake Bunce

XenForo moderator
Staff member
You would either use CSS to fix the styling problem, or perhaps setup a condition to change the links templates (for secondary links of the tab) depending on if the tab is selected or not. For a CSS solution I need you to post your URL so I can work with the style. For the condition you need a programmer.
 

Jake Bunce

XenForo moderator
Staff member
Your HTML is messed up. My browser is flagging some unmatched tags. For example, you forgot to close the outer <li> before starting the new one (I added the missing tag):

Rich (BB code):
<li><div class="Popup">
			<a rel="Menu">Downloads</a>

			<div class="Menu">
				<span class="arrowWidget"></span>
				<ul class="secondaryContent blockLinksList">
	<li><a href="http://www.letspwn.com/index.php?microdownloads/">All Files</a></li>
	<li><a href="http://www.letspwn.com/index.php?microdownloads/upload">Upload a File</a></li>
<li><a href="http://www.letspwn.com/index.php?microdownloads/whatsnew">What's New</a></li>
	<li><a href="http://www.letspwn.com/index.php?microdownloads/myfiles">My Files</a></li>
</ul>
</li>
		<li><div class="Popup">
			<a rel="Menu">Image Gallery</a>

			<div class="Menu">
				<span class="arrowWidget"></span>
				<ul class="secondaryContent blockLinksList">
<li><a href="http://letspwn.com/index.php?useralbums/">All Users Albums</a></li>
<li><a href="http://letspwn.com/index.php?useralbums/create">Create Albums</a></li>
<li><a href="index.php?useralbums/own">All My Albums</a></li>


</ul>
			</div>
		</div></li>

Look at the source code on DP:

https://tools.digitalpoint.com/

He has some submenus. Follow that code example for each submenu. Example:

Code:
	<li class="Popup PopupControl PopupClosed">
		<a rel="Menu">Statistical</a>
		<div class="Menu JsOnly tabMenu">
			<ul class="secondaryContent blockLinksList">					
				<li><a href="//tools.digitalpoint.com/analytics-globe">Analytics Globe</a></li>
				<li><a href="//tools.digitalpoint.com/geovisitors">Geo Visitors</a></li>
				<li><a href="//tools.digitalpoint.com/counter">Hit Counter</a></li>
				<li><a href="//tools.digitalpoint.com/tracker">Keyword Ranking Tracker</a></li>

			</ul>
		</div>
	</li>

You should also clean up your formatting. Notice how clean and readable DP's code is?
 
Top