Vertical drop down menu with effects possible?

So I have a newbie question. I am using spry 1.6 in DW CS3
and I need a vertical navigation menu in the left column with
sub-navs that drop down in the same column (not fly out).
Should I use the spry menu or other spry widget to do this?
and can I incorporate a spry effect like slide into the menu?
I am playing around with this but have not found the right
combination yet.

Hi,
if I well understand your request, you should do the
following:
- insert in page a Spry Vertical MenuBar widget
- go in SpryMenuBarVertical.css file to this rule:
ul.MenuBarVertical ul and change the margin property from: margin:
-5% 0 0 95%; TO margin: -5% 0 0 0%;. This will make the submenu to
display right over the items from first level.
If I wrong understood your request please give us a page
where to see what you need and we'll let you know how to achieve
the desired behavior.
Thanks,
Diana

Similar Messages

  • How do I create a drop down menu with multiple items in Adobe Acrobat 9?

    I am trying to create a drop down menu with four items within a field box.  When I try to do this
    the font is too big and it just doesn't fit.

    You can use panel widget to create manual menu where set to show target on rollover.
    Something like this :
    http://muse.adobe.com/exchange-library/menu-vertical-accordion-widget-1
    http://muse.adobe.com/exchange-library/tiptop-navigation-menu
    Thanks,
    Sanjit

  • Is there a way to create a drop down menu with an automatic answer dependent on what is chosen?

    Is there a way to create a drop down menu with an automatic answer dependent on what is chosen? An if-then statement perhaps?  I am looking to add over 100 drop down options and would like to have a message automatically pop up depending one which option they chose.  Thank you.

    Hi,
    You would use the skip logic to conditionally show form items based on the selection within the drop-down menu. Here's a link to a description of the feature in our help documentation:
    http://help.adobe.com/en_US/formscentral/using/WSd789abd336388b1642c7fce012da94afe4f-8000. html#WS0faeceb8c23f5d60-774f03e3131ddc76d7d-8000
    Regards,
    Brian

  • Drop Down Menu with images in Muse and Animate

    Hello,
    i am trying to create a drop down menu with images as you can see on this website:
    http://www.kadewe.de/
    In Adobe Muse the menu with all pages in it doesn't let me insert pictures.
    With the empty composition widget i archived something similar but when once activated the action it doesn't close.
    My last try was to build a menu in Edge Animate. The Problem i had was that when i used the action click, open URL.
    Inserted in Muse the new page opens in the created animation and not on the same page fullscreen.
    What have i done wrong?
    Thank you for your answers.

    I am having a similar problem. I have multiple widgets on a page -- menus, accordions, tooltips, slideshows. As soon as I 'activate' a widget (eg: expand an accordion or play a slideshow) it disables all the triggers below it, as well as all the hyperlinks. This seems like a bug... I hope there's a workaround?

  • Spry Vertical Drop Down Menu- Links Moving about!

    Hi Everyone.
    I wondered whether anyone might be able to tell me what I am doing wrong?
    When I go to create a spry vertical drop down menu using images instead of text as the links - all of my links jump slightly to the right. Or, in the case of sub-menus - slightly down.
    I have put together a dodgy example below. I don't understand why it is moving the images around.. What am I doing wrong?
    Apart from removing the original text and pressing insert > image object > rollover image - I have not changed any significant settings on the spry menu.
    Edit: I have also tried adding "position: absolute;" tags to the spry coding, but it hasn't made any difference.

    Please let me know how you can post code?
    -jrntmd8r88

  • I need vertical drop down menu

    I need plugin vertical drop down menu for DW mx! Must be such
    that drops or spreds only down, not right or up!
    Can everyone know where I can get it?

    Check the uberlink and MacFly tutorials at PVII -
    http://www.projectseven.com/
    and the Navbar tutorial/articles at Thierry's place
    http://tjkdesign.com/articles/dropdown/
    Or this one (more recent article):
    http://tjkdesign.com/articles/Pure_CSS_Dropdown_Menus.asp
    Or to get it done fast, go here -
    http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "yazbar" <[email protected]> wrote in
    message
    news:felgkm$rc2$[email protected]..
    >I need plugin vertical drop down menu for DW mx! Must be
    such that drops or
    >spreds only down, not right or up!
    > I can swap 10 for 1 skripts (format *.js).

  • Cs4 vertical drop down menu button malfunctioning

    I need some help please.  My vertical drop down menu buttons have started to get small when you hover over them. They have been working great for over a year and now have started to do this. I don't know how to help the situation. gobhi.org
    thanks!

    That's because you have set the font-size to 18% on hover & focus.  Change it to 100%.
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
        color: #FFF;
        font-size: 18%;
        font-size:100%;
    Nancy O.

  • Hi, i am new to PDF forms & need to make drop down menu with pictures, how do i do that ?

    Hi, i am new to PDF forms & need to make drop down menu with pictures, how do i do that ?
    some one suggested to use coding to achieve similar results,  but i don't know where and how to use it, please help!

    Sorry, images in drop downs are not supported by Formscentral.
    Andrew

  • How To Create Drop Down Menu With Tab

    hi
    How To create Drop Down Menu with tab in Header of application like website Horizontal Dropdown Menu In html.
    Thanks
    Manoj
    Edited by: Manoj Kaushik on Dec 30, 2009 4:16 AM

    Try the Apex forum {forum:id=137} someone there may have an answer.
    Which version, that could be important, XE out-of-the-box has apex 2.1 if it hasn't been upgraded to 3.x

  • How do I alphabatize all my bookmarks from the drop down menu with the star on the Right side of screen?

    I want to alphabatize all my bookmarks that are in the drop down menu, the menu with the star icon, on the right side of the screen. I do not want to put them in folders or view them in the box from the menu bar and all the answers pertain to that box, and not to the one with the star. Thank you

    I don't think it's possible from the toolbar button.
    However, the action you take in the Bookmarks Sidebar or in the Library dialog will affect the Bookmarks Menu everywhere it is displayed, including the toolbar button, so you only need to use it for the few moments needed to use Sort By Name and then close it.
    Bookmarks Sidebar (either):
    * View menu > Sidebar > Bookmarks
    * Command+b
    Library dialog (either):
    * Bookmarks menu > Show All Bookmarks
    * Command+Shift+b
    right-click "Bookmarks Menu" > Sort By Name

  • How do I link a drop down menu with product pictures?

    I wan to have  a product picture and then have a drop down menu to choose the color, so when I select the color in the drop down menu the product picture chages to its corresponding color, is this possible?
    Or is there an alternative way?

    Not in iWeb. You have to look beyond it.
    Here :
    http://www.cssplay.co.uk/menus/
    Lots of menus to choose from. For some you need permission.
    Then use the HTML Snippet to paste the code.
    For HTML Snippet alternatives, have a look here :
    http://www.wyodor.net/mfi/roodhout/How_To_Do.html
    http://www.wyodor.net/mfi/Maaskant/How_To.html
    Sample menus made with this technique here :
    http://www.wyodor.net/mfi/Maaskant/Some_Menus.html

  • How do I create a drop down menu with Code Snippets and Flash CS5?

    Hi
    I am wondering how to create a drop down menu using the Code Snippets and CS5?
    There are some older tutorials out there and it would be nice if someone could create an updated drop down menu tutorial, and it might be me doing this after I have figured out the best and easiest way to create one, but before that I need some pointers.
    Thanks!
    Have a great day!
    Paal Joachim

    You can use panel widget to create manual menu where set to show target on rollover.
    Something like this :
    http://muse.adobe.com/exchange-library/menu-vertical-accordion-widget-1
    http://muse.adobe.com/exchange-library/tiptop-navigation-menu
    Thanks,
    Sanjit

  • Drop down menu with static portion

    Hello! I have recently enjoyed building a few simple sites using Muse and am ready to venture forward to some unknown territory. I would like to know how to create a drop down menu that will stay in place until users trigger it away. (Forgive my lack of proper terminology. ) The site I'm working on is www.orilliamusiccentre.com.  I would like to list all of the music classes offered to viewers at a single glance in the same way that this site does: Kindermusik, music lessons, children's choir, ASL classes and birthday parties in Port Credit, Mississauga. | Sing Music…  I would like the content below the menu to drop down when the menu is expanded. Can anyone advise me on this please? Once again, my apologies for the limited knowledge of web jargon.

    What you are trying to do there can be achieved with some creative usage of the menu and the tooltip widget. Have a look at the Mega Menu widget here ... it's very well done and should do nicely for you.
    Menu Pack One | Adobe Muse Widget | museGrid.com

  • Drop down menu with image swap

    I have a drop down menu that I need some help with.  The page is here: http://www.healthquestpt.com/lwh/
    The default menu as you see it is the way I want it: gray tab background, white text that is centered on the image.  What I want to make happen with it is when you mouseover the link to have the image swap from:  to: and I want the text in this "tab" to remain centered and change to blue
    For the dropped down links I just want a plain white background, the links to be aligned left and the default color to be blue.  I want the text hover color to be gray.
    Ive tried various things and I cant seem to figure how to get style attributes assigned correctly.
    All help is GREATLY appreciated!!!
    My css file is here:  http://www.healthquestpt.com/lwh/styles.css
    and the dropdownmenu.js file is here:  http://www.healthquestpt.com/lwh/scripts/dropdownmenu.js
    P.S. I'm using DW CS6

    You might want to try out the Spry menus which ship with Dreamweaver.
    Below is the code for the menu BUT you'll have to make sure the SpryMenuBar.js file is in your site folder for the sub-menus to work.
    Best way of doing that is to open a blank page. Go to Insert>Spry>Spry Menu Bar>Horizontal>save page which will create a folder named SpryAssets into your site folder. Open up the SpryAssets folder and delete the file - SpryMenuBarHorizontal.css
    Copy and save code below into a new Dreamweaver document and save it to your side folder. Run it via a browser.
    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Untitled Document</title>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <style>
    ul.MenuBarHorizontal
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 13px;
        cursor: default;
        width: auto;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-weight: bold;
    ul.MenuBarActive
        z-index: 1000;
    ul.MenuBarHorizontal li
        margin: 0;
        padding: 0;
        list-style-type: none;
        position: relative;
        width: 140px;
        float: left;
        margin-right: 4px;
    ul.MenuBarHorizontal ul
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        z-index: 1020;
        cursor: default;
        width: 8.2em;
        position: absolute;
        left: -1000em;
    ul.MenuBarHorizontal a
        display: block;
        background-color: #666;
        text-decoration: none;
        text-align: center;
        padding: 4px 0;
        color: #fff;
        border-top: 1px solid #666;
        border-right: 1px solid #666;
        border-left: 1px solid #666;
        -moz-border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0;
        -khtml-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
    ul.MenuBarHorizontal a:hover
        background-color: #fff;
        color: #39C;
        border-top: 1px solid #666;
        border-right: 1px solid #666;
        border-left: 1px solid #666;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
        left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
        width: 140px;
    ul.MenuBarHorizontal ul li a
        background-color: #FFF;
        color: #666;
        border: none;
        text-align: left;
    ul.MenuBarHorizontal ul li a:hover
        border: none;
        color: #39C;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
        position: absolute;
        z-index: 1010;
        filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
        ul.MenuBarHorizontal li.MenuBarItemIE
            display: inline;
            f\loat: left;
            background: #FFF;
    </style>
    </head>
    <body>
    <ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a class="MenuBarItemSubmenu" href="#">Office Supplies</a>
    <ul>
    <li><a href="#">Item 1.1</a></li>
    <li><a href="#">Item 1.2</a></li>
    <li><a href="#">Item 1.3</a></li>
    </ul>
    </li>
    <ul>
    <li><a href="#">Item 1.1</a></li>
    <li><a href="#">Item 1.2</a></li>
    <li><a href="#">Item 1.3</a></li>
    </ul>
    <li><a href="#">Paper &amp; Printing</a>
    <ul>
    <li><a href="#">Item 3.1.1</a></li>
    <li><a href="#">Item 3.1.2</a></li>
    <li><a href="#">Item 3.1.2</a></li>
    </ul>
    </li>
    <li><a class="MenuBarItemSubmenu" href="#">Filing</a>
    <ul>
    <li><a href="#">Item 3.1.1</a></li>
    <li><a href="#">Item 3.1.2</a></li>
    <li><a href="#">Item 3.1.2</a></li>
    </ul>
    </li>
    <li><a href="#">Mailing &amp; Shipping</a>
    <ul>
    <li><a href="#">Item 1.1</a></li>
    <li><a href="#">Item 1.2</a></li>
    <li><a href="#">Item 1.3</a></li>
    </ul>
    </li>
    <li><a href="#">Furniture</a>
    <ul>
    <li><a href="#">Item 1.1</a></li>
    <li><a href="#">Item 1.2</a></li>
    <li><a href="#">Item 1.3</a></li>
    </ul>
    </li>
    <li><a href="#">Audio Visual</a>
    <ul>
    <li><a href="#">Item 1.1</a></li>
    <li><a href="#">Item 1.2</a></li>
    <li><a href="#">Item 1.3</a></li>
    </ul>
    </li>
    </ul>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>

  • How to create drop-down menu with transparency

    Hello,
    Is it relatively easy to create drop-down menu's with
    transparent drop downs? Any step by step help would be greatly
    appreciated.
    I thank you in advance,
    Jaz

    jasperjaz schrieb:
    > Looks like some cool stuff. However, nothing on drop
    downs
    >
    Take a look at "Creating Animated Buttons". The Tweening of
    the text to
    the right and changing the color perhaps could be replaced or
    appended
    by your drop-down-needs? The Drop-Down is another Animated
    Button!?
    Bye
    Klaus

Maybe you are looking for