Grid based menu

433 Posts

lw-d Reply #1, 19 years, 6 months ago

Hi all,

Is it possible to style WF so that you can say display 4 links in column 1, the following 4 in column 2 and so on...

Hope that makes sense

Thanks,
Lee

http://www.blend.uk.com | Web Design by Blend

433 Posts

lw-d Reply #2, 19 years, 6 months ago

Here is an example:

http://www.hillmancurtis.com/

Simple menu in a grid, guess it could easily be done statically though would be nice with WF

Thanks
Lee

http://www.blend.uk.com | Web Design by Blend

786 Posts

kjaebker Reply #3, 19 years, 6 months ago

to do that with wayfinder you would need a site structure like the following:

-Company
--About
--clients
-Work
--Site design
--Film & Video

then you would need to make some templates like this:

chunk: wfOuter

<div id="nav">
<table>
  <tr>
    [+wf.wrapper+]
  </tr>
</table>
</div>

chunk: wfRow

<li><a href="[+wf.link+]" title="[+wf.title+]" [+wf.classes+]>[+wf.linktext+]</a></li>

chunk: wfParent

<td class="mainlinks"><h4>[+wf.linktext+]</h4>
    <ul class="navlist">
        [+wf.wrapper+]
    </ul>
</td>

then your snippet call would look like:

[!Wayfinder? &startId=`0` &level=`2` &outerTpl=`wfOuter` &rowTpl=`wfRow` &parentRowTpl=`wfParent`!]

I have not tested this, but I think it should work wink

433 Posts

lw-d Reply #4, 19 years, 6 months ago

Excellent, I have it running statically at the minute but I will your approach over the weekend.

Thanks,
Lee

http://www.blend.uk.com | Web Design by Blend