Sub menu

Squiz Matrix Support
1

Hi,


I'm trying to implement a 3 level sub menu but getting nowhere without the use of a hack.



Something like this.


    
    HOME
    LINK1
     |-child1
     |-child2
     |-child3
    LINK2
     |-child1 
     |-|-child_child1
       |-child_child2
     |-child2
    LINK3




What I want is when the user is on Link2 page it should only display all of its child and the parent itself (Link2).

Like this

    
    LINK2
     |-child1
     |-|-child_child1
       |-child_child2



I can't get my head around it, the only simple but hacky solution is to display none the parent links without class (current).


Has anyone managed to come up with a clean solution without using JS, CSS or too much customization?


Thanks.
2

You need to use a design customization for the menu design area, and set a manual level. We do this on puc.edu. Take a look at http://www.puc.edu/academics and then click on the “Teaching & Learning Center” link on the left. The menu changes, and that link is now the top parent. For this, we use a customization, and set it to level 3.

3

Thanks, I will try this.


So I apply the design customization to main parent links?

4

[quote]
Thanks, I will try this.



So I apply the design customization to main parent links?

[/quote]



You apply it to the parent of the level you want to change.



So, in our case, the customization is applied to the "Teaching & Learning Center" asset, which has a few child pages.

5

[quote]
You apply it to the parent of the level you want to change.



So, in our case, the customization is applied to the "Teaching & Learning Center" asset, which has a few child pages.

[/quote]



If you need it to be consistent across all your top level assets then it might be more manageable to apply it to the site asset and let it cascade then you would apply a customisation to the home page that prints the whole menu.