WebGUI
      Click here to register.
      
YAPC North America 2008

Drop and Flyout Navigations

User: dionak
Date: 1/9/2008 10:07 pm
Views: 840
Rating: 6    Rate [
|
]

Add drop-down navigation and flyout menus to your website. This includes basic CSS and the template for navation. Import the package and use ^AssetProxy to include this in Styles. The hard-work of creating the Template logic has been completed for you. The template supports up to 3 levels deep in navigation.

The included screenshot demonstrates a horizontal drop nav as seen on the current www.midwestheart.com.  

Alter the CSS and template as needed. 

Diona 

----
Knowmad Technologies
http://www.knowmad.com



Replies

Re: Drop and Flyout Navigations
User: fathertorque
Date: 1/10/2008 12:31 pm 		Rating: 8    Rate [
|
]
Status: Approved
Any screenshot or preview link?
Thanks!

Re: Drop and Flyout Navigations
User: arjan
Date: 1/31/2008 4:07 am 		Rating: 0    Rate [
|
]
Status: Approved

Hi Diona,

Looks nice! I noticed however that on Firefox, on Ubuntu anyway, the flash animation is arranged above the menu. I had a screenshot, but cannot attach it in a reply.

Just  so you know. It might be difficult to change that.

 

Kind regards,

Arjan Widlak

United Knowledge
Internet for the public sector

www.unitedknowledge.nl/

Wij zoeken een Linux/Debian systeembeheerder.


Re: Drop and Flyout Navigations
User: dionak
Date: 2/4/2008 7:24 pm 		Rating: 1    Rate [
|
]
Status: Approved

Thanks for the heads-up Arjan. Did you see this on the WG demo template or the example site? If you could let us know how to reproduce, that would be helpful. We'll have to look into this as time permits. It is probably a z-index issue with the Flash.

We'll post an update when we have a fix but for 99% of users, this should work as it currently exists. It's intended as an improvement to the Dynamic Drive flyout menus included in core. We found the current default drop menu didn't work for most clients, hence this contribution.

Contributions are also welcome, if anyone improves the implementation. 

Diona 

----
Knowmad Technologies
http://www.knowmad.com


Previous • Back • Next