3 Replies Latest reply: Aug 18, 2012 12:27 PM by DaisPeach RSS

    Spry menu bar, adding drop down menus to the items

    DaisPeach Community Member

      Hello,

       

      Can anyone tell me how you add drop down menus to the items in a spry menu bar that open up upon rolling over the items?

        • 1. Re: Spry menu bar, adding drop down menus to the items
          Nancy O. MVP

          Basically, you need a list with sub-menu items and Spry classes.

           

          <ul>

               <li>List Item 1 <ul>

                    <li>sub-item 1.1</li>

                    <li>sub-item 1.2</li></ul>

               </li>

               <li>List Item 2 <ul>

                    <li>sub-item 2.1</li>

                    <li>sub-item 2.2</li></ul>

               </li>

          </ul>

                   

          For detailed answers we need to see your page.  Can you post a link?

           

           

          Nancy O.

          • 2. Re: Spry menu bar, adding drop down menus to the items
            DaisPeach Community Member

            Hi, thanks for your reply.

             

            I don't have this page online its just something I would like to know how to do in case I want to use it on a web site later.

             

            I wouldn't know how to write this code.  In dreamweaver help it said to use the property inspector by selecting the item on the Spry menu, which I did

            but then it said you need to find its name in the property inspector but I couldn't find it.  Is there a way you can use the property inspector to do it?

             

            DaisPeach

            • 3. Re: Spry menu bar, adding drop down menus to the items
              DaisPeach Community Member

              I successfully made the sub menus.  This is how I did it- To make the Spry menu,

               

              -Insert> Spry> Menu bar

               

              To add the sub menus-

               

              -Select the tab for the menu above it in design view

              -in the property inspector select the item you want to add a sub menu item to and click + to add, - to get rid of one

              -in preview the drop down behavior happened upon rolling over the Items

               

              I noted that code was added similar to that in the reply above.

               

              DaisPeach