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

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

Matthew Hawley

Well-known member
#1
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
#4
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
#6
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):

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?