How to create an expandable menu

**JTO** · 07/05/2009, 12:57

Hello guys, I'm trying typolight and it seems an excellent cms so far

I created a custom navigation menu that I show in a sidebar
This menu should have multiple levels, with sublevels shown only after clicking on the top level (and loading the related page).
I make an example, it's easier than it sounds:

Standard menu, when nothing have been clicked yet:
- Holidays
- Areas
- Shopping
- Nature

When someone clicks on Shopping (or any other item) the related page is shown and the menu is shown as this:
- Holidays
- Areas
- Shopping
---- Food
---- Sports
---- Hi Tech
---- Automotive
- Nature

normally I'd code the website to show a nested <ul> inside a[*] when the user enters the shopping menu item, but if I include Food, Sports Hi Tech in the Custom Navigation page selection all of them are displayed at the same level.

Maybe I'm using a wrong approach...any suggestion?

**JTO** · 07/05/2009, 13:14

to clarify I need to do exactly what they di on http://www.pictorama.de/ (made with typolight)

if you click virtuelle Rundgänge in the left menu some submenu elements are shown

this is exactly what I need

**FloB** · 07/05/2009, 14:32

Use navigation stop level without Hard Limit. This should work.

**JTO** · 07/05/2009, 15:21

I tried your solution but all I get is another menu like the main menu

the items that I want to show in this menu are not those in the main menu
see the screenshot of the admin panel: the items in the green box are those that should be sown in this menu

for these items I checked "hide from navigation menu" and created a custom navigation menu element, but I suppose it's not the way to go...
other items below the box are shown in the main menu

maybe I need to completely reorganize the tree? or what?

**JTO** · 07/05/2009, 17:44

ok I've solved this

I've changed the items that should appear in this menu to be the ones pulled by the main menu and set the Stop level to 1

this actually generates the tree I needed when clicked

Code:

<ul>[*][*]
  <ul>[*][*][*][/list]
[*][/list]

now my question is, if I want another menu block like this, how can I create it?

**FloB** · 07/05/2009, 18:18

Rearrange your menu to have the ones you want to have grouped as subsites to one "root" (actually a regular site or a redirection site, or as well a page root). In the navigation module you can select a starting / reference point where the navigation "starts".

**JTO** · 07/05/2009, 18:48

cool, this is done via the reference page function
I supposed it represented some kind of linked content

this makes things a lot easier

thank you guys

**Vascom** · 07/14/2009, 16:33

Hi guys,

I want to do the same, but I've got a problem. My subitems are always visible and not expandable!
I use TYPOlight version 2.6.0. What am I doing wrong or do I forgot something?

**MacKP** · 07/14/2009, 21:56

Hi Vascom,
try to set the stoplevel =1

Hope there is something like that in youre Module... TL 2.6 is far away ;-)

regards

**Vascom** · 07/14/2009, 22:32

Hi MacKP,

Thanks! I was trying to receive this goal with the subnavigation module :? I now setup a main navigation module with stoplevel = 1 and it's working! :D

**pawan** · 08/25/2009, 12:30

While installing the extension [conditionalselectmenu] Conditional Select-Menu is showing a problem saying
status: Not approved for TYPOlight 2.7.2.

I want vertical menu tree like structure. so i am using this. please help me in moving out

**krisnahari** · 09/06/2009, 10:47

I've changed the items that should appear in this menu to be the ones pulled by the main menu

<< hi, can you tell me how to do this..?
Thanks

= Solved =

there's a setting (hidden LOL) at the Site Structure that allows you to hide the pages you want from navigation menu

ops: