Is a Vertical Nested Collapsible Navigation Menu possible
Posted: 27 June 2008 03:12 AM   [ Ignore ]  
Summer Student
Total Posts:  10
Joined  06-27-2008

Before I purchase I have a menu/navigation question.
My current flat css template which I will use with EE uses this vertical nested collapsible navigation menu down the left hand side.
( The menu is xmenu6 from cross-browser.com http://cross-browser.com/x/menus/xmenu6.html ).
Can I use EE to display my categories and their sub-categories in this manner.
I only require one level deep.
I need the menu to expand and collapse when clicked.

eg.
Cat One
- Sub Cat1.1
- Sub Cat1.2
Cat Two
- Sub Cat2.1
- Sub Cat2.2
Hope this makes sense.
Any help would be greatly appreciated.
Thanks,
Cregan

Profile
 
 
Posted: 27 June 2008 03:15 AM   [ Ignore ]   [ # 1 ]  
Grad Student
Avatar
Rank
Total Posts:  50
Joined  06-23-2008

Well I haven’t had a chance to play around with ExpressionEngine yet so I’m not sure how to set up nested navigation, but to achieve the expanding/collapsing menu I recommend Accordion 2.0 from the Stick Man Labs. It’s good as you can control exactly what triggers the expanding/collapsing, so it’s great for integration with a CMS.

http://www.stickmanlabs.com/accordion/

Profile
 
 
Posted: 27 June 2008 04:48 AM   [ Ignore ]   [ # 2 ]  
Summer Student
Total Posts:  10
Joined  06-27-2008

Thanks for the reply, I will have a closer look.
Looks like it can handle what I want to achieve.

Has anyone else implemented a menu system like this in EE??

Profile
 
 
Posted: 27 June 2008 05:02 AM   [ Ignore ]   [ # 3 ]  
Grad Student
Avatar
Rank
Total Posts:  50
Joined  06-23-2008

hmm..just had another look at that Xmenu thing, looks like the functionality you want isn’t what Accordion does. it’s still a cool little script though.

Profile
 
 
Posted: 29 June 2008 09:47 PM   [ Ignore ]   [ # 4 ]  
Lab Assistant
Avatar
RankRank
Total Posts:  254
Joined  03-23-2006

Hi there,

I did an implementation of what you are describing here:www.ehs.sfu.ca (left hand menu).
just output a list in EE and let javascript do the rest, in my case I used jQuery and the plugin treeview. bu jquery has a very nice accordion too at http://ui.jquery.com.

Profile
 
 
Posted: 30 June 2008 02:17 AM   [ Ignore ]   [ # 5 ]  
Summer Student
Total Posts:  10
Joined  06-27-2008

Great, thanks for this. I will take a look.

Profile
 
 
Posted: 30 June 2008 02:56 PM   [ Ignore ]   [ # 6 ]  
Lab Technician
Avatar
RankRankRankRank
Total Posts:  1055
Joined  06-05-2007

As a general rule of Expression Engine understanding: EE holds and provides the data; You can make it look like or function how ever you like.  EE’s middle name is flexibility.  smile

 Signature 

grantmx | designs - design | development | photography | consulting | ee pro profile

Profile
 
 
   
 
 
Post Marker Legend
New Topic New posts Hot Topic Hot Topic with new posts New Poll New Poll Moved Topic Moved Topic Sticky Topic Sticky topic
Old Topic No new posts Hot Old Topic Hot Topic with no new posts Old Poll Old Poll Closed Topic Closed Topic Announcement Announcements
Theme
Change Theme
Visitor Statistics
The most visitors ever was 1149, on July 16, 2007 09:33 AM
Total Registered Members: 64908 Total Logged-in Users: 32
Total Topics: 81852 Total Anonymous Users: 21
Total Replies: 440059 Total Guests: 233
Total Posts: 521911    
Members ( View Memberlist )