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

Similar Messages

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

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

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?

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

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 & 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 & 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">

</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

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

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

When I am using Safari, I get a drop down menu with suggestions of "move to new window", etc. It is driving me crazy.

When I am in Safari, many time a drop down box will appear stating, "open in new window", "move to", etc. What is this and how can I stop it from happening?

That sounds like a Contextual Menu, and should only appear if you right-click or ctrl-click on something.
Does it ahppen in other applications too ?. If not, I'd start by disabling any Safari Extensions in Safari - Preferences - Extensions.

Trying to add drop down menu with specific look

Hi. My home page is http://benefits.mt.gov/hcbdsite/index.html. I'm trying to make the top right five buttons into drop down menus. Some will be just straight down, but at least one will be different, like the one like the one at http://www.optumhealth.com/ when I hover over Solutions and Services (4th button on top bar). Is there a widget that can help me set this up? In the 3 day DW training I took, we talked about widgets, but I've never used one. Thank you!

jQuery Superfish
http://users.tpg.com.au/j_birch/plugins/superfish/
jQuery Mega Menus
http://www.javascriptkit.com/script/script2/jkmegamenu.shtml
Primer for using jQuery Plugins
http://alt-web.blogspot.com/2012/11/primer-for-using-jquery-plug-ins.html
Nancy O.

How to remove values from a drop down menu with personalizations

I have been unable to find any examples of removing values from a dropdown menu using forms personalizations. We have a specific responsibility that we would like to limit the actions that they can carry out on the person form. I have tried setting default values, setting the object to update_allowed = false, and have been unable to come up with a solution. The examples I have found do not show this type of personalization so I am unsure if it can be done. If anyone has done a personalization like this, please post the steps to reproduce or a link to an example. Thanks.

DineshS wrote:
Which dropdown menu you want to customized ?The specific menu we would like to customize is the 'Action' menu on the Person form that usually contains 'Create Employment' and so on. We have a specific recruiter responsibility that we would like to limit to 'Create Applicant'. I have been unable to come up with a combination of steps in personalizations that sets that value in the dropdown and allows it then be unchangeable. If you have any suggestions, please let me know. I would prefer not to create a custom form but without personalizations, I might have to.

Drop down menu with static portion

Similar Messages

Maybe you are looking for