• [SOLVED] Menu with first and Last Class defined#

  • 1169
    302
    DEVELOPMENT ENV:- MODx Revolution 2.0.8  WAMP 2i Apache 2.2.1 Php 5.3 Mysql 5.1.36 MySQL client version: mysqlnd 5.0.5-dev

    allanb Reply #1, 2 years ago

    Reply
    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.
    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.


  • 1169
    302
    DEVELOPMENT ENV:- MODx Revolution 2.0.8  WAMP 2i Apache 2.2.1 Php 5.3 Mysql 5.1.36 MySQL client version: mysqlnd 5.0.5-dev

    allanb Reply #2, 2 years ago

    Reply
    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.