Help With Tabs

[Ross Randall]

Hi,

I would like to remove the target page link from the main tabs (not sub-tab) from my site. I only want the menus to drop down when the user clicks on the tab not open a page or link. 

 

http://www.hattiesburgpsd.com

 

Is there a way to do it??

 

Thanks,

Ross

[Mike Price]

OH ! I would love this as well I think! Patiently waiting a genius to answer...haha :)

[Ross Randall]

This would really help when using a touchscreen (iPad)

 

RR

[BrainWave Admin]

From what I understand, that can be accomplished by going to the Tabs and Pages section of the Dashboard. Recreate the Tab by clicking on "Add new tab". Name the Tab the same as the main tab you wish to replace. DO NOT select the "create a new page" radio button, this way the tab will not be attached to a page. It will just show up as a main tab heading instead. Leave the setting as "Link to existing page" with the blank address. Choose your visibility level and save. You will then have to delete the original main tab that is attached to a page. Finally, move the new main tab into position above your sub-tabs. This will create the drop down effect you desire.

 

Good luck with it

[Ross Randall]

Sorry but that does not work.

 

When you create a new tab and select "Link to existing page" without selecting the page it defaults to "Use existing URL" which if left blank defaults to "localhost".

 

Thanks.

RR

[Ross Randall]

Anyone know how to do this??

 

Thanks

[TJ @ jQueryHelp]

I tried the following on my site and it works. Note, I have the old design editor, I don't use the new Design Studio and don't know if this works there or not.

 

This is code for your custom code box.  I always recommend you back up what's in there before editing it.  Select all and copy to a text document on your computer. Probably a good idea to keep a tab in your browser open with the custom code page in it, while you test the results in a second browser tab, since this messes with links.

If you can't get to your custom code box for any reason, the URL for it is http://YOURSITE/main/admin/tracking

 

So if you want to try this and have understood and done the above, then add this to your custom code box:

 

<script type="text/javascript">

// Disable links in Main Menu tabs but not sub tabs:
x$('li.xg_subtab > a').click(function(e) {
    e.preventDefault();
});

</script>

 

Best wishes!

"TJ"

 

[Ross Randall]

Absolute Genius!!!

 

That was exactly what I was looking for. I am completely amazed.

 

I am using the new editor but this works fine in the custom code. This make using the iPad much friendlier.

 

Thanks.

Ross

[TJ @ jQueryHelp]

Hi Ross,

I'm glad that my code did what you needed!  I can see why this would be helpful on any touch screen device.  I hope your members find this solution to he helpful.

All the best to you!

"TJ"

 

[Katie Shelly]

hmm, this didn't work for me. I did what Ross did, and my nav bar links are still clickable. any advice?

[Katie Shelly]

just noticed that ross' site also has clickable nav bar links. going to check and see if ning has changed something in the stylesheet that's rendering TJ's code useless...

[Katie Shelly]

this is my temporary solution, which just reloads the page. it would be nice to have unclickable dropdowns as a feature, though

[Katie Shelly]

i wish that a click (NOT a hover) on the navbar simply triggered the dropdown. this would be better for iPad, which is very important for our users.