Feature #1187

Add a menu or navigation system to the engine

Added by phaldor - 333 days ago. Updated 141 days ago.

Status :New Start :
Priority :Low Due date :
Assigned to :scott - % Done :

0%

Category :sidebars
Target version :Maybe Someday
Resolution :


Description

When demonstrating the power of typo today to someone, they asked if there was a way to add a navigation bar with a menu to the site. Essentially this would expand the flexibility to Typo to be a cheap way to build entire websites with rich navigation. The power is there by utilizing categories and pages to populate the menus, then simply adding a navigation option either in the sidebar or in a separate div to be placed via css.

Another way to implement it is to take the pages sidebar and separate it to a separate div that controls another div through JavaScript to change the content depending on which page is currently active.

Enhancements such as hover and layering could also be added to make the menu pop open contents. Given that the current thrust is for separating JavaScript from the main engine, this would probably be best implemented as a plugin option, however, some admin controls could become necessary at some point.

index.html (527 Bytes) phaldor -, 01/04/2008 05:58 PM

style.css (1.7 KB) phaldor -, 01/04/2008 05:59 PM

History

01/04/2008 06:01 PM - phaldor -

After researching it a bit, it's possible to add a pure CSS tiered menu to the engine by modifying the page sidebar. The one thing missing is creating the tier in the database. I'm shooting from the hip here, but I think all that's necessary is a new table that defines a relationship between the pages in the pages table. Once that's present, then ruby can handle the embedded loops to generate a tiered menu through the pages sidebar. Attached is the basic html and css necessary to create the menu. This is where I get stumped. Although I know database design, I'm not familiar enough with Typo to feel confident in changing either the database structure or the ruby code.

01/04/2008 06:12 PM - phaldor -

This can be consolidated into #673 & #1054 as they are very similar.

01/04/2008 06:16 PM - phaldor -

I've got a semi-example up on http://dev.childofnoah.info right now that I'm playing with if you want to take a look at it.

Also available in: Atom PDF