Old Forums
Search:
Portal Engine Questions on portal engine and web parts.
Version 5.x > Portal Engine > Horizontal menu with horizontal sub-menu (no drop-down) View modes: 
User avatar
Member
Member
danielrae - 11/5/2010 10:16:17 AM
   
Horizontal menu with horizontal sub-menu (no drop-down)
Hello,

I'd like to create a horizontal menu, where sub-pages are displayed horizontally also, much like the BBC News website.

Could anyone give me some tips on how to achieve this?

Thanks.
Daniel

User avatar
Kentico Support
Kentico Support
kentico_radekm - 11/24/2010 5:54:31 AM
   
RE:Horizontal menu with horizontal sub-menu (no drop-down)
Hello.

To achieve similar effect like on site you refer to (double-horizontal menu), I would recommend you to use one CSS List menu web part underneath second CSS List menu web part. First of them (on top) will be horizontal menu for first level items. You can see how to style CSS List menu to be horizontal here. Second menu will be the same. Only difference will be in Path property, which will be set for pages under currently selected page. This can be done via path expression.

Best Regards,
Radek Macalik

User avatar
Member
Member
danielrae - 3/4/2011 5:49:52 AM
   
RE:Horizontal menu with horizontal sub-menu (no drop-down)
Hello again.

If I use two CSS list menus, is there any way to make the first list menu show the second on hover?

Something like this: http://www.sohtanaka.com/web-design/examples/horizontal-subnav/

User avatar
Kentico Support
Kentico Support
kentico_radekm - 3/17/2011 11:45:52 AM
   
RE:Horizontal menu with horizontal sub-menu (no drop-down)
Hello.

No, you would need to have one CSSListMenu with proper stylesheet for this, according to documentation I sent you (it shows how to style CSSListMenu to horizontal or vertical appearance). Other way is to integrate menu you sent me (Horizontal Subnav with CSS). I can see code examples are online. Thank you.

Best Regards,
Radek Macalik

Top