Multi column/category drop menu in Wayfinder?

Are there any tutorials or tips on creating a multi-column and multi-category drop menu with Wayfinder?

Here are a few menu examples:
http://www.vmware.com/
http://www.arecontvision.com/
http://www.iqeye.com/


Most of these seem to have partial formatting in the HTML. How are these guys implementing such a system? Surely they aren't hand updating the menu structure every time they create a new category or add pages. [ed. note: pixelstuff last edited this post 13 years, 5 months ago.]

They could be; I've known of those that do.

Quote from: pixelstuff at Apr 15, 2013, 12:21 PM

Are there any tutorials or tips on creating a multi-column and multi-category drop menu with Wayfinder?

Here are a few menu examples:
http://www.vmware.com/
http://www.arecontvision.com/
http://www.iqeye.com/


Most of these seem to have partial formatting in the HTML. How are these guys implementing such a system? Surely they aren't hand updating the menu structure every time they create a new category or add pages.

Ever gain insight on this one? I am approaching the same issue.

It all depends on what you're doing. Using an existing JQuery menu plugin would mean making Wayfinder generate HTML code that the Javascript expects.

One way to do this is to manually create the menu you want, then consider its structure and make Wayfinder generate that structure.

I prefer to work with the default nested lists using the various class and ID generating properties of Wayfinder,then tweak the CSS to make it look however I want.

Quote from: jisaac at Dec 06, 2013, 10:13 AM

Quote from: pixelstuff at Apr 15, 2013, 12:21 PM

Are there any tutorials or tips on creating a multi-column and multi-category drop menu with Wayfinder?

Here are a few menu examples:
http://www.vmware.com/
http://www.arecontvision.com/
http://www.iqeye.com/


Most of these seem to have partial formatting in the HTML. How are these guys implementing such a system? Surely they aren't hand updating the menu structure every time they create a new category or add pages.

Ever gain insight on this one? I am approaching the same issue.

I never figured out how to automate it and still have section titles or a design similar to VMware's menu.

Use different classnames and/or tpls for the "inner" part; &innerTpl and &innerRowTpl. By default these are the same as the outerTpl and outerRowTpl, but they can be unordered lists, divs, whatever you need. Position them any way you like in the CSS; the inner elements can be floated within the width given for the parent row tpl items.