We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 32473
    • 10 Posts
    Can somebody help me out?
    Want to create a dropdown selectbox with wayfinder. (form element)

    So the Listed Items from wayfinder must be converted to <option value>
    2levels deep with styles

    Any suggestions?

    Wim
    • Yep:

      OuterRow
       </p>
      <script type="text/javascript">
      /* <![CDATA[ */
      function go()
      {
      PageIndex2=document.getElementById('drop').choices.selectedIndex
      
      if (document.getElementById('drop').choices.options[PageIndex2].value != "none")
      {
      location = document.getElementById('drop').choices.options[PageIndex2].value
      }
      }
      /* ]]> */
      </script>
      
      <form action="#" id="drop">
      <p>
      <select name="choices" class="center">
      	[+wf.wrapper+]
      </select>
      </p>
      </form>
      <p> 
      


      Row
      <option value="[+wf.link+]" onclick="go()">[+wf.linaktext+]</option>
      


      rowhere
      <option value="[+wf.link+]" selected="selected">[+wf.linktext+]</option>
      


      The call:

      [!Wayfinder? &startId=`[[UltimateParent? &topLevel=`2`]]` &outerTpl=`index_outer` &rowTpl=`index_row` &hereTpl=`index_row_here`!]

      It should get you started at least. Now if someone could figure out the next page/previous page links I would be grateful!

      AMDbuilder
        Patrick | Server Wrangler
        About Me: Website | TweetsMODX Hosting
        • 32473
        • 10 Posts
        Nice,
        the selectbox popped up, but links won’t work.

        I think little bug in javascript. working on it...

        thanks..

        • It works fine on my site, but then again my skills don’t include JS so it’s likely there is a bug with the JS code. If you have more than one level that might be the problem as I didn’t provide styling for sublevels (just mirror row styling).

          AMDbuilder
            Patrick | Server Wrangler
            About Me: Website | TweetsMODX Hosting
            • 32473
            • 10 Posts
            index_outer with short java...... thanks

            -----------------------------------------------------------------------------------------------------------------------------
            <form action="#" id="drop">

            <select name="choices" onchange="if(this.options[this.selectedIndex].value != ’’){window.top.location.href=this.options[this.selectedIndex].value}"> [+wf.wrapper+]
            </select>

            </form>
              • 32473
              • 10 Posts
              works fine now! thanks...

              what is your problem with the next prev page? maybe i can help you out?

              • Very nice, I will give the shorter version a try when I get back home.

                As for the next/previous I am trying to add next/previous buttons to a tutorial section.

                The structure is something like this:
                - tutorials
                -- photoshop basics
                --- page 1
                --- page 2
                --- page 3

                I have the dropdown now, but I would like to augment the dropdown with next/prev.

                Thanks
                AMDbuilder
                  Patrick | Server Wrangler
                  About Me: Website | TweetsMODX Hosting
                  • 32473
                  • 10 Posts
                  This is my document tree:

                  SITE_ROOT
                  MAP id =15
                  Map
                  link1
                  link2
                  Map 2
                  link1
                  link2



                    • 20413
                    • 2,877 Posts
                      @hawproductions | http://mrhaw.com/

                      Infograph: MODX Advanced Install in 7 steps:
                      http://forums.modx.com/thread/96954/infograph-modx-advanced-install-in-7-steps

                      Recap: Portland, OR (PDX) MODX CMS Meetup, Oct 6, 2015. US Bancorp Tower
                      http://mrhaw.com/modx_portland_oregon_pdx_modx_cms_meetup_oct_2015_us_bancorp_tower
                    • Perfect! I wonder why I couldn’t find that when I was looking...

                      Thanks,
                      AMDbuilder
                        Patrick | Server Wrangler
                        About Me: Website | TweetsMODX Hosting