Long Wayfinder Menu

- 372 Posts
briggsys Reply #1, 19 years, 4 months ago

Sorry if this has been discussed before, had a look (and search) through the forum but can’t find the answer.

Is there a way to wrap (items side by side) to fit a page length?

I have a flyout menu generated by Wayfinder which has 14 entries (children) in one of the submenus. I failed to consider the length of the menu during the design phase and now the menu runs off the page in 800x600 resolution. When I finish adding the current content, there will be 21 entries, which would exceed the page length at 1024x768 resolution.
[img]http://www.emanz.ac.nz/assets/images/logo/emanz-icon_16x16.gif[/img] Emergency Management Academy of New Zealand [br] http://www.emanz.ac.nz[br][br]MODx Sandbox Login: sandbox Password: castle [br]
Admin Sandbox Login: sandbox Password: castle
- 372 Posts
briggsys Reply #2, 19 years, 4 months ago
After much research it appears this is an issue with all sites that use flyout menus.

I ended up using wayfinder to display the top menu and first drop down and then the "hasChildren" snippet to check for children. If there are, it displays them as links in a side menu with wayfinder, if not it shows a link back to the parent page.

Below are the chunks and snippets I used to do it. Nothing special, but may save someone else having to figure it out.

Top Menu:
```
[[Wayfinder? &startId=`1` &level=`2` &titleOfLinks=`longtitle` &parentRowTpl=`cssplay_revParentRow`]]               
```
Chunk to check for children:
```
[[hasChildren? &noChildChunk=`SideParent` &childChunk=`SideWayfinder`]]
```
SideParent chunk:
```
[!Wayfinder? &startId=`[*id*]`  &level=`1` &displayStart=`true` &titleOfLinks=`longtitle`  &parentRowTpl=`cssplay_revParentRow` !]
```
SideWayfinder chunk:
```
<h4>[*menutitle*]</h4>
<ul><li><a href="http://www.emanz.ac.nz/[!GetField? &parent=`1` &parentLevel=`1` &field=`alias`!].html" title="">[!GetField? &parent=`1` &parentLevel=`1` &field=`menutitle`!]</a></li></ul>
```
[img]http://www.emanz.ac.nz/assets/images/logo/emanz-icon_16x16.gif[/img] Emergency Management Academy of New Zealand [br] http://www.emanz.ac.nz[br][br]MODx Sandbox Login: sandbox Password: castle [br]
Admin Sandbox Login: sandbox Password: castle