We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 39450
    • 3 Posts
    Bonjour a toute la comunauté
    Voila plusieurs jours que je cherche la solution a mon probleme et que je ne trouve pas.
    J'essaye donc aujourd'hui avec votre assistance
    & Google Translate :
    Hello to all the comunity
    Here several days I seek the solution to my problem and I can not find.
    So now I try with your help

    Je cherche a définir le menu Wayfinder à l'horizontal.
    J'utilise donc l'exemple de "http://muddydogpaws.com/development/wayfinder/examples/example-1.html"
    & Google Translate :
    I seek to define the Wayfinder menu horizontally.
    So I use the example of "http://muddydogpaws.com/development/wayfinder/examples/example-1.html"

    J'utilise un modèle très simple :
    I use a very simple template:
    <html>
    <head>
       
    <title>[[*pagetitle]] :: [[++site_name]]</title>
    </head>
    
    <body>
      <!-- Emplacement du menu - DEBUT -->
        
    		  <!-- [[Wayfinder? &startId=`0` &level=`3` &parentClass=`hide` &parentRowTpl=`MYparentRow` &outerTpl=`MYouter` &innerTpl=`MYinner` &rowTpl=`MYrow` &outerClass=`menu` &cssTpl=`MYdropdown`]] -->
    
      			[[Wayfinder? &startId=`0` &level=`3` &parentClass=`hide`]]
      <!-- Emplacement du menu - FIN --> 
      
      <br><br>
      
    <!-- Emplacement de l'article - DEBUT -->  
      
    [[*content]]
      
    <!-- Emplacement de l'article - FIN -->  
      
      </body></HTML>
    


    &parentRowTpl=`MYparentRow`:
    <!-- START MYparentRow -->
    <li><a [[+wf.classes+]] href="[[+wf.link+]]" title="[[+wf.title+]]">[[+wf.linktext+]]</a>
        <!--[if lte IE 6]>
        <a class="sub" href="[[+wf.link+]]" title="[[+wf.title+]]">[[+wf.linktext+]]
        <table><tr><td>
        <![endif]-->
        [[+wf.wrapper+]]
        <!--[if lte IE 6]>
    	</td></tr></table>
        </a>
        <![endif]-->
    </li>
    <!-- END MYparentRow -->



    &outerTpl=`MYouter`:
    <!-- START MYouter -->
    <div[[+wf.classes+]]>
        <ul>
            [[+wf.wrapper+]]
        </ul>
    </div>
    <!-- END MYouter -->



    &innerTpl=`MYinner`:
    <!-- START MYinner -->
    <ul>
        [[+wf.wrapper+]]
    </ul>
    <!-- END MYinner -->



    &rowTpl=`MYrow`:
    <!-- START rowTpl -->
    <li[[+wf.classes+]]><a href="[[+wf.link+]]" title="[[+wf.title+]]">[[+wf.linktext+]]</a>[[+wf.wrapper+]]</li>
    <!-- END rowTpl -->



    &cssTpl=`MYdropdown`:
    <!-- START MYdropdown -->
    <link rel="stylesheet" media="all" type="text/css" href="assets/templates/Base_LAELM/dropdown.css" />
    <!--[if lte IE 6]>
    <link rel="stylesheet" media="all" type="text/css" href="assets/templates/Base_LAELM/dropdown_ie.css" />
    <![endif]-->
    <!-- END MYdropdown -->



    le source HTML interprété / interpreted HTML source :
    <html>
    <head>
       
    <title>Accueil :: Les Arts et la Manière</title>
    <!-- START MYdropdown -->
    <link rel="stylesheet" media="all" type="text/css" href="assets/templates/Base_LAELM/dropdown.css" />
    <!--[if lte IE 6]>
    <link rel="stylesheet" media="all" type="text/css" href="assets/templates/Base_LAELM/dropdown_ie.css" />
    <![endif]-->
    <!-- END MYdropdown -->
    </head>
    
    <body>
      <!-- Emplacement du menu - DEBUT -->
        
    		  <!-- START MYouter -->
    <div>
        <ul>
            
        </ul>
    </div>
    <!-- END MYouter -->
    
      <!-- Emplacement du menu - FIN --> 
      
      <br><br>
      
    <!-- Emplacement de l'article - DEBUT -->  
      
    <h1 style="text-align: center;"><strong>Intro/Acceuil</strong></h1>
      
    <!-- Emplacement de l'article - FIN -->  
      
      </body></HTML>
    


    Ou est les reste huh / Where is the rest??

    Si j'essaye tout simplement, j'ai bien les menu qui sont généré :
    If I try simply, I have the menu that are generated:

    Modèle / Template :
    ...
    <body>
      <!-- Emplacement du menu - DEBUT -->
        
    		  <!-- [[Wayfinder? &startId=`0` &level=`3` &parentClass=`hide` &parentRowTpl=`MYparentRow` &outerTpl=`MYouter` &innerTpl=`MYinner` &rowTpl=`MYrow` &outerClass=`menu` &cssTpl=`MYdropdown`]] -->
    
      			[[Wayfinder? &startId=`0` &level=`3` &parentClass=`hide`]]
      <!-- Emplacement du menu - FIN --> 
      
      
    
    
    ...


    le source HTML interprété / interpreted HTML source :
    ...
    <body>
      <!-- Emplacement du menu - DEBUT -->
        
    		  <!-- <!-- START MYouter -->
    <div>
        <ul>
            
        </ul>
    </div>
    <!-- END MYouter --> -->
    
      			<ul><li class="first active"><a href="http://s265440146.onlinehome.fr/artsetmaniere/" title="Accueil" >Accueil</a></li>
    <li class="hide"><a href="index.php?id=3" title="Traiteur" >Traiteur & co</a><ul><li class="first hide"><a href="index.php?id=6" title="SousMenu" >SMenu01</a><ul><li class="first"><a href="index.php?id=7" title="SousSousMenu" >SSMenu02</a></li>
    </ul></li>
    </ul></li>
    <li class="last"><a href="index.php?id=5" title="Location" >Location</a></li>
    </ul>
      <!-- Emplacement du menu - FIN --> 
      
      
    
    
    ...


    Quelqu'un peut il me donner une piste de travail ? Mille Mercis
    Can anyone give me something to work? thousand Thanks


    NB : MODX Revolution 2.2.0-pl2 (traditional)
    wayfinder-2.3.3-pl
    [ed. note: unknownfrance last edited this post 14 years, 6 months ago.]
      • 19369
      • 1,098 Posts
      This is a common mistake. You are reading a tutorial of the previous CMS, MODX Evolution, and not Revolution. They look very similar but there is a small difference in the syntax.

      MODX Evolution syntax:
      [+placeholderName+]


      MODX Revolution syntax:
      [[+placeholderName]]


      So you need to remove the "+" from the right of each placeholder. Further details here: http://rtfm.modx.com/display/revolution20/Tag+Syntax
        • 39450
        • 3 Posts
        Many Thanks it's SOLVED, they work fine now whith your help !!!

        Rendered HTML now :
        ...
        <!-- Emplacement du menu - DEBUT -->
            
        		  <!-- START MYouter -->
        <div class="menu">
            <ul>
                <!-- START rowTpl -->
        <li class="first active"><a href="http://s265440146.onlinehome.fr/artsetmaniere/" title="Accueil">Accueil</a></li>
        <!-- END rowTpl -->
        <!-- START MYparentRow -->
        <li><a  class="hide" href="index.php?id=3" title="Traiteur">Traiteur & co</a>
            <!--[if lte IE 6]>
            <a class="sub" href="index.php?id=3" title="Traiteur">Traiteur & co
            <table><tr><td>
            <![endif]-->
            <!-- START MYinner -->
        <ul>
            <!-- START MYparentRow -->
        <li><a  class="first hide" href="index.php?id=6" title="SousMenu">SMenu01</a>
            <!--[if lte IE 6]>
            <a class="sub" href="index.php?id=6" title="SousMenu">SMenu01
            <table><tr><td>
            <![endif]-->
            <!-- START MYinner -->
        <ul>
            <!-- START rowTpl -->
        <li class="first"><a href="index.php?id=7" title="SousSousMenu">SSMenu02</a></li>
        <!-- END rowTpl -->
        
        </ul>
        <!-- END MYinner -->
            <!--[if lte IE 6]>
        	</td></tr></table>
            </a>
            <![endif]-->
        </li>
        <!-- END MYparentRow -->
        
        </ul>
        <!-- END MYinner -->
            <!--[if lte IE 6]>
        	</td></tr></table>
            </a>
            <![endif]-->
        </li>
        <!-- END MYparentRow -->
        <!-- START rowTpl -->
        <li class="last"><a href="index.php?id=5" title="Location">Location</a></li>
        <!-- END rowTpl -->
        
            </ul>
        </div>
        <!-- END MYouter -->
        
          <!-- Emplacement du menu - FIN -->
        ...
          • 39450
          • 3 Posts
          And many thanks to http://toutsurmodx.fr, for her help too ! Bye
          SOLVED - RÉSOLU - SOLVED - RÉSOLU - SOLVED - RÉSOLU - SOLVED - RÉSOLU