We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 8719
    • 3 Posts
    I have a menu that needs to look like this:

    Item 1 - Item 2 - Item 3 - Item 4

    How can I do this with wayfinder? Please, don’t just say "use the templating". A step-by-step tutorial would be very nice.
      • 25663 MODX Staff
      • 12,272 Posts
      Please show us exactly what you want your HTML output to look like, and exactly what your document structure looks like. Makes all the difference in the world as to how your templates should be structured. You will be using the templates after all to achieve what you want. wink
        Ryan Thrash, MODX Co-Founder
        Follow me on Twitter at @rthrash or catch my occasional unofficial thoughts at thrash.me
        • 8719
        • 3 Posts
        I want it to look like this:

        Link1 - Link2 - Link3

        where Link1 to LinkX is a subdocument of a specific thing. It is for listing out a bunch of biographies, so the file structure thing looks like this:

        Biographies
        |-Link1
        |-Link2
        |-Link3

        I guess....
          • 25663 MODX Staff
          • 12,272 Posts
          Just out of curiosity, have you looked at any of the examples supplied with the latest Wayfinder 2 code?
            Ryan Thrash, MODX Co-Founder
            Follow me on Twitter at @rthrash or catch my occasional unofficial thoughts at thrash.me
            • 8719
            • 3 Posts
            I have searched extensively. Could you please just answer the question rather than yell at me for being a newbie?
              • 28042 ☆ A M B ☆
              • 24,524 Posts
              Interesting how different people react. My mother was always telling me to go looks things up in a dictionary or encyclopedia, and I actually came to enjoy doing it. One of my kids would get angry, one would just shrug and drop the question altogether, while the other one also enjoyed learning how to find things out. I suppose it’s just coincidence that the first two have been in and out of prison a few times...

              Wayfinder by default just puts out an unordered list. You can use CSS to manipulate the display of the list (see http://www.alistapart.com/articles/taminglists/.

              Using a template, you can modify that behavior to suit yourself, adding whatever characters or text you want to each item.

              For example, your rowTpl chunk template could be:
              <li><a href="[+wf.link+]" >[+wf.linktext+]</a> - [+wf.wrapper+]</li>  

              Then in your CSS, just have the li elements use display:inline to line up the items, as per the article in A List Apart.
                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
                • 25663 MODX Staff
                • 12,272 Posts
                Interesting indeed. Good call essentially calling the project founder a jerk for asking a legitimate question with a claim of me yelling at you. There actually is a chance that you didn’t understand the examples and might have had a question about them. Keep it up! smiley

                Note to other new users: This is a perfect example of how not to ask for support.
                  Ryan Thrash, MODX Co-Founder
                  Follow me on Twitter at @rthrash or catch my occasional unofficial thoughts at thrash.me
                  • 32319
                  • 129 Posts
                  Maybe he just came from the mootools forum and was feeling sensitive...
                    "Regret for the things we did can be tempered by time; it is regret for the things we did not do that is inconsolable."
                    -- Sydney Harris
                    • 25663 MODX Staff
                    • 12,272 Posts
                    LOL ... good point! laugh
                      Ryan Thrash, MODX Co-Founder
                      Follow me on Twitter at @rthrash or catch my occasional unofficial thoughts at thrash.me
                      • 33372
                      • 1,611 Posts
                      I didn’t search extensively, but I did manage to find this rather complete tutorial for each of the examples included in the Wayfinder 2 snippet package that kylej spent a lot of time creating on his site (and linked to from a prominent pinned topic in the Wayfinder forum):
                      http://www.muddydogpaws.com/development/wayfinder/examples.html
                        "Things are not what they appear to be; nor are they otherwise." - Buddha

                        "Well, gee, Buddha - that wasn&#39;t very helpful..." - ZAP

                        Useful MODx links: documentation | wiki | forum guidelines | bugs & requests | info you should include with your post | commercial support options