We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 36354
    • 1 Posts
    Hi pretty knew to modx evolution. rolleyes
    Can anyone succeed creating a drop down menu?
    I’m trying to migrate a css menu without javascript to work with wayfinder without luck.
    Can anyone know of a good automatic menu creator I can easy port to modx?
    Thanks
    Yalon
      • 28042 ☆ A M B ☆
      • 24,524 Posts
      A basic CSS drop-down menu is very simple to do using the default nested unordered list that Wayfinder generates. Wayfinder even automatically provides "last" classnames for the last items in a list, and "active" class for the current page and its parents by default, so you can style these as you wish.

      http://www.htmldog.com/articles/suckerfish/dropdowns/
        Studying MODX in the desert - http://sottwell.com
        Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
        Join the Slack Community - http://modx.org
        • 32316
        • 387 Posts
        Wayfinder also provides a ’parent’ class for the parent of a page and there are many more possibilities.

        Its just a matter of a little css.
        Any ’css driven’ drop down menu based on nested lists (as I believe most are) can easily be adapted to Modx - in fact it is not really a modx thing - modx + wayfinder create a nested list from the resource tree which can easily be customized with ids or classes and then its just standard css - just as it would be for a static html page.

        It is one of the beauties of Modx - html and css are ’normal’ no special different syntax just a few tags to place content.

        So you don’t need to port a menu creator to Modx, Wayfinder easily creates a standard nested (or unnested) ul based menu - you just have to create some css, or match up/rename id and class names from an web example menu (an example of which was posted by sottwell - or you could just examine the code from your favorite menu) to the id/class names provided by Wayfinder.
          • 3109 ☆ A M B ☆
          • 894 Posts
          Read this wayfinder e-book and all your questions will be answered.

          http://modxcms.com/forums/index.php?action=dlattach;topic=34176.0;attach=9315
            Benjamin Marte
            Interactive Media Developer
            Follow Me on Twitter | Visit my site | Learn MODX