Hierarchical CSS menu control

Topics: Controls
Coordinator
Nov 1, 2007 at 8:44 PM
I ran into few requests for hierarchical CSS menu for pages; actually you don’t have to wait when/if it will be implemented in BlogEngine. You can download control that already does it from here: http://rtur.net/blog/page/CSS-Page-Menu.aspx
Nov 1, 2007 at 8:55 PM
Very nice control. Saves copying in all the CSS Friendly control adapters just for rendering the menu as a list. Now if only we could order the pages other than by GUID.
Coordinator
Nov 1, 2007 at 9:00 PM
That is something that core project should address, it can be easily extended to pick up sorting if it exists as property of the page. But you right, I thought about it too.


ilektran wrote:
Very nice control. Saves copying in all the CSS Friendly control adapters just for rendering the menu as a list. Now if only we could order the pages other than by GUID.

Nov 2, 2007 at 11:03 AM
Cool...
I see that you implemented some of my stuff (http://www.codeplex.com/blogengine/Thread/View.aspx?ThreadId=16549)

Glad to see that it worked out for you. :)

- jonah
Coordinator
Nov 4, 2007 at 1:26 AM
Your post was exactly the kik I needed to get down to it, thanks :)
Nov 6, 2007 at 12:10 PM
Sounds cool!

I implemented my own little version, along with some theme changes, it can be found at www.jonah.carneskog.com (under update so it might look a bit funky)

Cheers!
- jonah
Coordinator
Nov 6, 2007 at 2:35 PM
Wow, that looks awesome, I like it a lot! My only excuse – I’m more of a coder, not an artist :)
Apr 12, 2009 at 7:33 PM
Edited Apr 12, 2009 at 10:34 PM
Hi Rtur!

Do you mind if I ask to see your code or CSS for the drop-down menu on your blog: http://rtur.net/darkblog/? How did you get the "Code" and "Pictures" menu to appear on hover?

Thanks.


Coordinator
Apr 13, 2009 at 2:33 PM
Just download the theme and take a look at style.css, there is a section for menu (http://rtur.net/blog/post/2009/04/12/DarkBlog-theme-refreshed-for-BE-15.aspx)
Apr 14, 2009 at 12:19 AM
Edited Apr 15, 2009 at 9:23 PM
I removed my code - too much details. The code by rtur below helped so much and so easy to follow.
http://rtur.net/blog/post/2007/10/19/Transforming-unsorted-list-into-CSS-horizontal-menu.aspx

Thanks rtur!
Coordinator
Apr 14, 2009 at 1:57 AM
Take a look here, it has simple example on exactly what you are trying to do: http://rtur.net/blog/post/2007/10/19/Transforming-unsorted-list-into-CSS-horizontal-menu.aspx
Apr 20, 2009 at 11:04 PM
The code above works on Firefox 3.0.8 and IE 7.0.5730 but fails on IE 6.0.2900 and Google Chrome (can't tell the version) where the drop-down menus are displaying as horizontally instead of vertically when you hover on a menu.

Does anyone have a patch for this?

Thanks!