We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 6745
    • 45 Posts
    i’m using wayfinder in modx at the moment.

    how can i precicely define an image or a certain css style to the wayfinder snippet?

    because at this moment he will only load the text that are in my document tree

    greetz,
    davincio
      • 16183
      • 1,390 Posts
      Hi Davincio

      Yes, Wayfinder is doing what it’s meant to do: reflect the document tree. From the wayfinder description...

      Wayfinder 2.0 is a MODx snippet, whose primary purpose is to generate navigational menus that automatically update to reflect changes made in the MODx document tree.

      Each time Wayfinder is called, it scans a specified portion of the MODx document tree, finds all documents that satisfy specified conditions, and outputs a formatted listing of those documents.

      The formatting of the output is template-driven, and can contain combinations of HTML, CSS and JavaScript, yielding an enormous degree of flexibility. Thus you have great control over the content, appearance and behavior of the generated output.

      In order to style your menus, you need to use templates. These templates (tpl) will be in chunks. I assume you now what chunks are. If not then you really need to read "getting started with modx" here:

      http://modxcms.com/documentation.html

      Then, in your Wayfinder call, you will specify the templates that will be used to structure your menus. If you look at the Wayfinder documentation below, you have parameters for templates. Examples are outertpl (outer template) and innertpl (inner template).

      You also have the ability to define classes that will be used to target various parts of your menu. The classes in turn are referenced in your CSS. So, e.g., if you have a class like this in your Wayfinder snippet call &outerClass=`menu`, then, your template will have the Wayfinder placeholders for the classes your menu will use, something like so [+wf.classes+], and your CSS must also have the  class menu (.menu). Using CSS you can then style your menu the way you want.

      It’s much easier to understand if you look at the following Wayfinder resources. Look at the examples in the following links for exact details of what to do and how to do it.

      Important thing to remember is that Wayfinder will retrieve the portions of the document tree that you tell it to and construct your menu. You will tell Wayfinder which template chunks to be used to structure your menu. Within your CSS style sheet you will have corresponding classes to style your menu.

      Here’s the links:

      http://wiki.modxcms.com/index.php/Wayfinder
      http://www.muddydogpaws.com/development/wayfinder/features.html
      http://wiki.modxcms.com/index.php/Wayfinder200  - there is a downloadable wayfinder help (zipped) file that is very useful; recommend that you get it. It’s link is at the top of the page

      Any problems, just hola. People here are very helpful and friendly, as you might have noticed smiley

      /k

        • 6745
        • 45 Posts
        thanks very much for the reply i think this will definitely help me laugh

        greetz,
        davincio
          • 16183
          • 1,390 Posts
          no problem, glad to be of help... grin you replied just as I was editing my reply...
            • 6745
            • 45 Posts
            funny tongue

            greetz,
            davincio