Support/Comments for Wayfinder

238 Posts

Si Reply #161, 20 years ago

I can master the CSS without a problem... I’ve done it loads with the DropMenu. The bit I need spelled out is how to implement the "here" in the PHP. Can someone help us numpty’s?

I’m cleaning up the CSS and I’ll post a full list of modified chucks/CSS when I get this last bit sorted. The original post for the v2 CSSplay dropdowns has typos and omitted code like: title="[+wf.title+]"

It was posted quickly and really helped me on my way but some people may also have some troubles with it!

I love this forum/MODx... so many people helping each other, it’s great to be apart of it grin

Web Development, Web Hosting & Search Engine Marketing by:

Vitalized | UK
w. www.vitalized.co.uk

Website Design | Search Engine Marketing (SEM) | UK MODx web hosting, secure, fast & 100% MODx compatible

Vitalized | Australia
w. www.vitalized-australia.com.au

Website Design | Search Engine Marketing (SEM) | Australian MODx web hosting, secure, fast & 100% MODx compatible

☆ A M B ☆
24,524 Posts

sottwell Reply #162, 20 years ago

For simple menus, I just use a plain Wayfinder call with only the startId and level specified. Wayfinder inserts class="here" for the current page by default.

Studying MODX in the desert - http://sottwell.com
Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
Join the Slack Community - http://modx.org

2,542 Posts

heliotrope Reply #163, 20 years ago

Here are the chunks updated:

CHUNK CODE

&outerTpl=`wfFlyOutouterTpl`

<div [+wf.classes+]>
<!-- wfFlyOutouterTpl -->
<ul>
[+wf.wrapper+]
</ul>
</div>

&parentRowTpl=`wfFlyOutparentRowTpl`

<!-- wfFlyOutparentRowTpl -->
<li><a [+wf.classes+] href="[+wf.link+]">[+wf.linktext+]<!--[if IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->
    [+wf.wrapper+]
    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

&innerTpl=`wfFlyOutinnerTpl`

<!-- wfFlyOutinnerTpl -->
    <ul>
        [+wf.wrapper+]
    </ul>

&rowTpl=`wfFlyOutrowTpl`

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

&innerRowTpl=`wfFlyOutinnerRowTpl`

<!-- wfFlyOutinnerRowTpl -->
<li><a [+wf.classes+] href="[+wf.link+]">[+wf.linktext+]<!--[if IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->
    [+wf.wrapper+]
    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

[[WayFinder? &startId=0 &level=0 &outerTpl=`wfFlyOutouterTpl` &parentRowTpl=`wfFlyOutparentRowTpl` &innerTpl=`wfFlyOutinnerTpl` &rowTpl=`wfFlyOutrowTpl` &innerRowTpl=`wfFlyOutinnerRowTpl` &hereClass=`myclass` &outerClass=`menu` ]]

Not yet tested
The classes are applied to the <a> tag as in the original cssplay code.

:-)

Made with MODx : [url=http://www.copadel.com]copadel, fruits et l

372 Posts

briggsys Reply #164, 20 years ago

Quote from: davidm at Sep 22, 2006, 05:05 AM

Quote from: Briggsy at Sep 21, 2006, 06:53 PM
This is due to it not being able to "hover". Its not a WayFInder issue but worth noting as I just changed my site to use Flyout and I got a call saying the CEO could not longer access the menus... doh.

You mean unable to hover links ?
Stu’s menu does not require an .htc file, I assumed this would work with mobiles...

The problem is that they don’t have mice or pointers, the stylus touches the screen to click on things. So when you touch the screen on the relevant menu item, it selects the item, not expands (flyout) the submenu, if that makes sense?

Because the stylus has to touch the screen to indicate its postion, you can’t hover above a point. In many mobile devices although you can drag the stylus around, it dosen’t behave like a mouse and therefore no ability to simulate the pointer hovering on a link.

[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

238 Posts

Si Reply #165, 20 years ago

Thanks for all your help!
I’ve finished the menu now and I’ve added some very cleaver hover & here states, might not look like much but it took ages to do... It’s the little touches!

http://www.opuspocus.co.uk/

The CSS maybe of some use to other users trying to make dropdowns... Let me know what you think! grin

Web Development, Web Hosting & Search Engine Marketing by:

Vitalized | UK
w. www.vitalized.co.uk

Website Design | Search Engine Marketing (SEM) | UK MODx web hosting, secure, fast & 100% MODx compatible

Vitalized | Australia
w. www.vitalized-australia.com.au

Website Design | Search Engine Marketing (SEM) | Australian MODx web hosting, secure, fast & 100% MODx compatible

4,213 Posts

doze Reply #166, 20 years ago

You know you have to ask Stu’s permission to use that menu on commercial site?

EDIT: Reading my post again, I better make it clear that I wasn’t talking about Wayfinder in general, I meant that CSS Play menu examples have a copyright statement as follows:

1. If you are using this on a personal web site then please add a comment and a link back to CSSplay. I would also appreciate a donation to the ’Support CSSplay’ fund.

2. If you are using this on a commercial web site then please email me asking for permission - stu{at}cssplay.co.uk and again a donation to the ’Support CSSplay’ fund would be appreciated.

Wayfinder itself is free to use in commercial sites too! Sorry for any mix ups that may have caused..

"He can have a lollipop any time he wants to. That's what it means to be a programmer."

3 Posts

dblass Reply #167, 20 years ago

Hello,

I would like to know if it is possible to do the following menu with wayfinder, and how:

Folder1
Introtext of folder 1
subfolders or
documents inside folder 1

The same for every main folder

My problem is how do i incorporate the introtext of the main folders in the menu?
Thanks in advance.

☆ A M B ☆
24,524 Posts

sottwell Reply #168, 20 years ago

I should think it would be. Make your outer template contain the link and the introtext.

Tell Wayfinder to use the introtext field as the [+description+], and use that placeholder in the outer template.

Studying MODX in the desert - http://sottwell.com
Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
Join the Slack Community - http://modx.org

3 Posts

dblass Reply #169, 20 years ago

Quote from: sottwell at Sep 25, 2006, 05:31 PM

I should think it would be. Make your outer template contain the link and the introtext.

Tell Wayfinder to use the introtext field as the [+description+], and use that placeholder in the outer template.

Well, i’m just begining to figure out how this works, from what I understand, you can only use the placerolders that the snippet provides, is that right? And in the case of wayfinder, [+description+] isn’t one of them. What it provides are [+wf.title+] and [+wf.linktext+] that can be configured to use one of the database fields.

I had to configure [+wf.linktext+] to use the longtitle, and then put my descriptions in the longtitle instead of introtext, so it didn’t break the titles of the links inside the folders. It’s not the ideal situation, but it solved my problem.

If there is any way to include a placeholder to introtext (somthing like [+wf.introtext+]), i still would like to learn. Thanks anyway Susan.

☆ A M B ☆
24,524 Posts

sottwell Reply #170, 20 years ago

You are correct. Here is what I did, the template chunk and the snippet call, to do something similar.

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

[[Wayfinder?startID=`39`&level=`1`&rowTpl=`rowTpl`&titleOfLinks=`description`]]

Studying MODX in the desert - http://sottwell.com
Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
Join the Slack Community - http://modx.org