CODEWITHSUNDEEP
joomla
trpt4him
trpt4him

Reputation: 1896

Joomla 3.0 creating dummy menu item

This seems so elementary, but I just don't exactly know how to even look for the answer.

I'm using Joomla 3.0 with the Protostar template, and I'm trying to create a menu item (using the horizontal nav-pills style) which will, when clicked, cause only the submenu items to display, as opposed to refreshing the page THEN showing a submenu. As it is now, I can't figure out how to create the top menu item in a way that it doesn't have its own link associated with it.

For example, my top three menu items are "Home", "Orders", "Staff". If I click Staff, I don't want it to take me to any other page, just show me a submenu of the staff members. How can I do this?

I've tried using a "menu header" menu item type, but it doesn't even create it as a link, just plain text -- not to mention the CSS is all wrong.

Upvotes: 0

Views: 7113

Answers (4)

Phil
Phil

Reputation: 31

You just have to define a css class and use this with your menu item!

  1. Open your menu item in Joomla.

  2. Select "Link type" out of the three tabs (Details, Link Type, Module Assignment).

  3. Give the field "Link CSS Style" a css style not-active. Just write this (without the quotes or a dot from the css.

  4. Go to your templates css-styles: ("Extensions > Template manager. Select your template (not on the left side, but on the right (in the column "Template")).

  5. Insert this css class to your templates main css file: 

    .not-active {
       pointer-events: none;
       cursor: default;
    }

That's all. It works so fine! Regardless which type of menu item you defined.

Upvotes: 3

Gunnar Bernstein
Gunnar Bernstein

Reputation: 6222

External URL (point to #) is listed under System Links, not Weblinks, where one might look for it.

Upvotes: 1

itoctopus
itoctopus

Reputation: 4251

If the "Text Separator" type is not working, then make it an "External URL" and have it point to "#" (without the quotes).

This should solve your problem.

Upvotes: 1

Andy K
Andy K

Reputation: 7282

Menu item type -> System Links -> Text Separator. Then create other menu items as children of this element.

Upvotes: 5

Related Questions