We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 1169
    • 312 Posts
    I have tried to find a way to get the following menu structure into a wayfiner call but am not winning.

    <ul>
    	<li class="first"><a href="[~2~]">Home</a></li>
    	<li ><a href="[~3~]">Our  <span>Vision</span></a></li>
    	<li class="active"><a href="[~4~]">Our <span>Mission</span></a></li>
    	<li><a href="[~5~]">About <span>Us</span></a></li>
    	<li class="last"><a href="[~6~]">Contact <span>Us</span></a></li>
    </ul>
    

    Could anyone please help

    The reason for the classes is that different css is required for first and last I would also like to use active class.

    Thank you all the support is out of this world. smiley

    Pleae be simple as I am new to this.

    I have read PDF ebook.

    Wayfinder seems one of the greatest but hardest to comprehend snippet.
      DEVELOPMENT ENV:- Ubuntu 12.04 | MODx Revolution 2.2.8 | LAMP 2i Apache 2.2.22 | Php 5.3.10 | Mysql 5.5.31 MySQL client version: 5.5.31
      • 1169
      • 312 Posts
      After reading http://modxcms.com/forums/index.php/topic,41062.0.html

      I found all I needed was

      <div id="metaltop-gold">
      [!Wayfinder? &startId=`0` &firstClass=`first`!]
      </div>
      


      id="metaltop-gold" could be any id used by css for styling menu

      Last is added automatically by Wayfinder.

      Hope this helps someone.
        DEVELOPMENT ENV:- Ubuntu 12.04 | MODx Revolution 2.2.8 | LAMP 2i Apache 2.2.22 | Php 5.3.10 | Mysql 5.5.31 MySQL client version: 5.5.31