We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 752
    • 2 Posts
    Hi All,

    Sorry this will be really easy for you guys.

    I want to make this simple menu using wayfinder

    HOME | ABOUT | NEW | CONTACT |

    Can some please help me do this. This menu is held in a div.

    Thanks guys.
      • 16183
      • 1,390 Posts
      Hi,

      Welcome to MODx!

      Simple Wayfinder call that you can put between the <div>

      [[Wayfinder? &startId=`0`]]


      You can do the uppercase bit using CSS

      Have a look at this site:

      http://www.muddydogpaws.com/development/wayfinder/parameters.html

      Some people swear that the e-book in my signature is also helpful wink....you might want to grab a copy.


      cheers/k
        • 1778
        • 659 Posts
        I confirm how helpful is your e-book kongondo... Thanks a lot
          • 752
          • 2 Posts
          Wow you guys are fast!

          Thanks for getting back to me. I will grab that ebook! Thanks wink

          Do you know how I can split up the links with a "|"

          Cheers mate.
            • 16183
            • 1,390 Posts
            Quote from: ak666 at Sep 15, 2009, 10:35 AM

            Wow you guys are fast!

            Thanks for getting back to me. I will grab that ebook! Thanks wink
            We aim to please grin



            Do you know how I can split up the links with a "|"

            Cheers mate.

            You can have that in your in your CSS as a right border OR include the pipe in your rowTpl like so

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


            Using the first method is probably better since you may not want the pipe to be applied to the last menu item (it wouldn’t have been a problem if you were using Wayfinder 2.5 beta and chose the 2nd method instead - in WF 2.5 beta you can specify a tpl parameter for the last menu item - but this is for another day wink).

            You would then create A MODx chunk, give it a name of your choice and put the above code in it. Then in your Wayfinder call you would include that chunk name as the value of your rowTpl, so:

            [[Wayfinder?  &startId=`0` &rowTpl=`nameOfYourChunkAbove`]]


            Wayfinder automatically assigns a class="last" to the last menu item. Using CSS, you can remove that right border but have it applied to all other <li> items.

            cheers/k