We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
MODX Community Forums Archive

displaying 3 level menus

    • 16708
    • 8 Posts
    latha Reply #1, 15 years, 2 months ago
    I have brought the dynamic display of the Parentmenu with Piping,but while i was trying to

    make the sub-parent to display with an image,I am stuck up to make some changes with the corresponding code ie,[File name: Wayfinder.inc.php Function name: CheckTemplates()],Also the child of the sub-parent is not displaying on the Mouse over event,parent menu will look like this HOME | Contact etc. Subparent will look like >test1 >test2 etc child will display in dropdown.Kindly help me on this
      • 9385
      • 1 Posts
      FairyLucy Reply #2, 15 years, 2 months ago
      Hi,
      This sounds exactly like what I am trying to do!! I want a vertical nav with parent items, and when you click on the parent the menu drops down to reveal the child menu items. Does anyone know the best way to do this ie. with snippets and chunks? I am pretty new to MODx so any advice would be greatly appreciated!!!!!!
        • 16708
        • 8 Posts
        latha Reply #3, 15 years, 2 months ago
        Hi I have completed working with the horizontal menus, Its all just playing with the stylesheet.I have sent the code which I have used.

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml">

        <head>
        <title>[(site_name)] | [*pagetitle*]</title>
        <meta http-equiv="Content-Type" content="text/html; charset=[(modx_charset)]" />
        <base href="[(site_url)]"></base>

        <link rel="stylesheet" href="assets/templates/modxhost/layout.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="assets/templates/modxhost/modxmenu.css" type="text/css" media="screen" />

        <script src="manager/media/script/mootools/mootools.js" type="text/javascript"></script>
        <script src="assets/templates/modxhost/drop_down_menu.js" type="text/javascript"></script>


        </head>
        <body>
        <div id="outer">


        <div id="ajaxmenu">



        [[Wayfinder?startId=`0` &outerTpl=`mh.OuterTpl` &innerTpl=`mh.InnerTpl` &rowTpl=`mh.RowTpl` &innerRowTpl=`mh.InnerRowTpl` &firstClass=`first` &hereClass=``]]

        </div>
        </div>
        </body>

        </html>
        Please go through this link http://www.muddydogpaws.com/development/wayfinder/examples/example-1.html and create
        chunks accordingly. For Further doubts please post a command