How to make a sidebar menu with drop down submenus

I would like to make a sidebar menus as shown below. When you first get the menu only the home and subject button are shown, as you click on a subject you get the different tutorials and as you click each tutorials you are shown the parts. If you are on one a part page you will still have that part shown in the menu but if you click on it in the menu the it's collapsed again. I can't find anything about how to do this.

Hi,
I am relatively new to Muse and hardly an expert, but I just did what you are describing. Go to the Widget Library, Compositions > Blank. In the Target, insert a Vertical Menu (also in the Widgets Library). In the Options menu, under Menu Type select All Pages. If that doesn't work the way you want it to, you might have to select the Manual menu option.
Here's a short tutorial on how to use the Compositions Widget:
Adobe Muse Mega Menu Dropdown Widget | MuseThemes.com
Other tutorials that may help:
http://terrywhite.com/how-to-create-a-dynamic-sliding-menu-for-your-mobile-website-in-adob e-muse/
How To Create A Sliding Menu for Your Mobile Website in Adobe Muse - YouTube
You might also look at Panels > Accordion. You can insert your menu into the Accordion Target.
Hope this helps.
John

Similar Messages

Is their any tutorials on how to make a navigation bar with drop downs in Dreamweaver CC now ?

Is their any tutorials on how to make a navigation bar with drop downs in Dreamweaver CC now that they do not have the spry option?

bbull2005 wrote:
Preran, why wouldn't Dreamweaver include it's own menu/navigation bar widget?
I can't answer on Preran's or Adobe's behalf, but I think you'll find at least part of the answer here: http://wiki.jqueryui.com/w/page/38666403/Menubar
Adobe decided to discontinue development of Spry in August last year, and Dreamweaver CC made the switch to using jQuery UI widgets and effects. One reason for dropping Spry was that it failed to work correctly in some browsers. Judging from the fact that the jQuery UI menubar is now "on ice", creating a flyout menu that works reliably across all devices is proving more difficult than originally envisaged.
Because all other widgets in Dreamweaver CC use jQuery UI, it's a reasonable assumption that Adobe hoped the jQuery UI menubar would be ready in time, but it wasn't.

How to make a sidebar menu with subsection?

Hello
I've been trying to make a sidebar menu with subsections you can expand and collapse both in muse and edge animate but I just can't. I've search the net for tutorials for two weeks now, it's like such a menu just doesn't exist even tho I've seen them on several sites.
Thos is a picture of how I want it to look:
As a default, you can only see "home" and the two "subject". Then when you click on the first "subject", the two "tutorials" expand down, when you click on the individual "tutorials" the parts of that tutorial expands down. When you click on the buttons that expand subsection again, they collapse.
As I've said I've search for tutorials for weeks, the person I'm making the website with has also search without any luck at all. I've found a tutorial that lets me have 1 button with subsection expanding when mouse is over it, but nothing where there are buttons below the button you expand. I'm starting to thing it's just impossible, but I can't understand how it should be impossible. In case it actually is possible I need to re-thing the way I organise and navigate the entire site.
There is gonna be a whole lot of content on the site, we expect it to grow with up to 100 pages a month, therefor the navigation is obviously very important.
I really hope someone can help me! A link to a tutorial I haven't been able to find or a description on how to do it, thanks!

Hi,
I am relatively new to Muse and hardly an expert, but I just did what you are describing. Go to the Widget Library, Compositions > Blank. In the Target, insert a Vertical Menu (also in the Widgets Library). In the Options menu, under Menu Type select All Pages. If that doesn't work the way you want it to, you might have to select the Manual menu option.
Here's a short tutorial on how to use the Compositions Widget:
Adobe Muse Mega Menu Dropdown Widget | MuseThemes.com
Other tutorials that may help:
http://terrywhite.com/how-to-create-a-dynamic-sliding-menu-for-your-mobile-website-in-adob e-muse/
How To Create A Sliding Menu for Your Mobile Website in Adobe Muse - YouTube
You might also look at Panels > Accordion. You can insert your menu into the Accordion Target.
Hope this helps.
John

How to make default value in a drop down list

Hi,
I have created a drop down list using Selection-Screen code. I have three values in it. I would like to make one of the option as a default value. How to achieve it?
I am working on module pool program. I have few screens as a part of my program. I have created print button on tool bar of one screen but that print button is appearing on the other screens too. How to avoid it?
Help would be appreciated...
Thanks
Edited by: mohammed ibrahim on Oct 10, 2008 8:43 PM

1) let drop down box be g_dd.
if g_dd is initial.
g_dd = option2.
endif.
2)
by default same pf-status is used by all the screens in the same program
if sy-dynnr = 'screen_no'. " for screens for which you do not want button to come
set pf-status 'abc' excluding 'fcode_of_button'
endif.
or
data: git_fcode type sy-ucomm with header line.
git_fcode = 'fcode_of_button'.
append git_fcode.
if sy-dynnr = 'screen_no'. " for screens for which you do not want button to come
set pf-status excluding git_fcode
endif.
Edited by: Amit Gupta on Oct 11, 2008 11:36 AM

HT4539 I just downloaded the newest version of Itunes and had to deauthorize all of my computers. I do not see a store menu with drop down, I am stuck and can't see where the authorization is on this software. It is not in my account and there is no sto

I just downloaded the newest version of Itunes, I deauthorized all of my computers and now can't find the menu to authorize. It refers to a store menu that doesn't exist on the new software. My account allowed me to deauthorize, but has no option to authorize. I am completely confused with the new software, I just want to download my music to my new computer.

With iTunes 11 on PCs the drop-down menus are hidden by default - control-B should get the menus to show
This screenshot is from a Mac, but it should be similar on a PC :

How can we add a field with drop down in a custom table

Hello,
I have a requirment in which I have to add a extra field in a custom table.
Secondly I need to have a drop down with some values in it.
Can you let me know how can we go about this.

hi..
your requirement is not very clear..
but if you are adding a field and want drop down with values....... it is possible by providing search help for that field.
Hope the requirement is same.

How to Make Wage Types Available in Drop Down

Hi,
I need to make a particular wage type available for a particular Infotype(14,15 to be precise.).
I tried entering using the v_t512z maintenance. In that when I entered (actually copied from an existing WT), it gave an error that key already exists.
Now, I would like to know is this the way to make a WT visible in drop down of IT0014/15 ?
Answers would be appriciated.
Thanks,
Vivek

Hi sarika, amit, and santosh..
Your answers were quite helpful. but my situation is still unanswered :(.
The thing is that a particular WT(WT1) is present for a particular molga(M1). Now I need to make this WT1 available in the drop down for another molga(M2).
When I went in view maintenence of V_52D7_B, for molga M1, it showed the existence of the WT, but when I was in molga M2, and the same wage type group(14/15) and copied an existing wage type, and renamed it to what I want, it gave an error saying that this wage type doesnt exist.
I hope I have made my problem a bit more clear. I would appriciate if any of u can tell me what am I missing in my process.
Is it that I need to create a wage type for molga M2 and only then what I am trying to do is possible?
Being a rookie in the field, please do not mind my basic querries.
Regards,
Vivek

IPhone 4 wifi portal login with drop down menu

Hi,
I'm extremely happy with my iPhone 4. I use it often in WiFi hotspots (hotels, university, train stations etc) and the new portal log in system is really handy. Previously I used a third party WiFi portal logging in app which is now no longer necessary. HOWEVER, there seems to be a problem with the iPhone 4 remembering log in protocols for WiFi portals that include selecting an item from a drop down menu before logging in. For instance, the WiFi hotspots in trainstations here in the Netherlands work with several protocols depending on through which organisation you can log in. Before entering your log in details you have to select through which organisation you have access to such a hotspot. The third party logging in app was able to remember how to do this, but the iPhone 4 auto logging in thing (sorry, I don't know the term) does not remember. It's frustrating to have to fill the details in every time. And I can't even use the third party app any more because it needs primary connection to the local WiFi before it can log in, and the iPhone 4 won't give a primary connection if you don't fill in the details to log in (and if you do, you're already logged in and the third party app is useles...)
Sorry for my rant, I'm wondering if there's a way to make the iPhone 4 log in tool-thing remember the protocol for logging in with drop down menus, or if there will be an update to fix it...
Thanks,
Tasmin
P.S. I'm running iOS 4.1

are you sure your stop() are in the right place??
eg.. on the last frame of the onRollOver animation??
also... why have you got on(releaseOutside); ???
onRollOut will suffice.

HT1341 Epson Stylus SX435W otherwise known as Workforce 435. Although Apple promises software drivers on-line attempts at downloading and ADDING repeatedly come up with drop down menu "...it is not currently available from the software server". Please hel

Epson Stylus SX435W otherwise known as Workforce 435. Adding Driver to an iMac
Although Apple promises software drivers on-line, my attempts at downloading and ADDING it to my iMac
repeatedly come up with drop down menu "...it is not currently available from the Software update server". Please help?
I have downloaded all the Epson Printer Software but I cannot make the final step.

Reset the printing system and then try adding the printer again.
http://support.apple.com/kb/ht1341
(You have installed, not just downloaded the Epson driver, right?)

CSS Drop down menu; how to align the right edge of drop down and parent menu?

Hello everyone,
I have a drop-down menu that is currently working well.
The only change I need to make is to have the right edge of the drop-down menu to align with the right edge of the parent menu. When you hover over the menu, it currently "drops" down and to the right, with the left edges aligned.
I want the menu to "drop" down and to the left, so the right edges are aligned.
I have tried fiddling with floats and absolute/relative positioning. I'm not sure what needs to be changed.
Any help you can provide is greatly appreciated! I'm learning via "cut and paste", so please go easy on any terminology you may use.
Thank you!
Here is my code:
.chromestyle{
     width: 100%;
     font-weight: bold;
     float: left;
     height: 29px;
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
.chromestyle ul{
border: 0px solid #BBB;
width: 100%;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: right; /*set value to "left", "center", or "right"*/
.chromestyle ul li{
display: inline;
.chromestyle ul li a{
color: #000000;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-left: 1px solid #DADADA;
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 5px;
text-decoration: none;
font-weight: bold;
color: black;
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #0000ff;
color: #fff200;

Try this:
.chromestyle{
     font-weight: bold;
     height: 29px;
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
.chromestyle ul{
border: 0px solid #BBB;
width:100%;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
.chromestyle ul li{
display: inline;
.chromestyle ul li a{
color: #000000;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-left: 1px solid #DADADA;
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
visibility: hidden;
text-align:left;
.dropmenudiv a{
width: auto;
display: block;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 3px;
text-decoration: none;
font-weight: bold;
color: black;
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #0000ff;
color: #fff200;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

What would the code be to make the sidebar even with the main content at the bottom?

Can anyone tell me what code to use to make the sidebar even with the main content at the bottom. I am using CSS. I am guessing the height would be auto, but can't figure out how to do it. Any help would be greatly appreciated. Thanks.

Equal height columns are simple with Tables. But CSS divisions don't behave the same as table columns so you need to use a script or trick the eye with a repeating background Image.
See image below:
See working demo
http://alt-web.com/TEMPLATES/3-col-white-gray.html
CSS code:
#container {
width: 900px;
margin : 50px auto;
background: url(../Images/BG/3-col-wht-gry.jpg) repeat top;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

How to make SAP B1 connection with Windows Sharepoint Service 3.0

how to make SAP B1 connection with Windows Sharepoint Service 3.0 through asp.net web part code.. I get the security error when i run that web part......
public bool ConnectToCompany()
            oCompany = new SAPbobsCOM.Company();
            oCompany.Server = "192.168.1.58";
            oCompany.DbServerType = SAPbobsCOM.BoDataServerTypes.dst_MSSQL2005;
            oCompany.CompanyDB = "SBODemoUS";
            oCompany.DbUserName = "sa";
            oCompany.DbPassword = "abc";
            //oCompany.UseTrusted = true;
            oCompany.UserName = "manager";
            oCompany.Password = "manager";
            oCompany.language = SAPbobsCOM.BoSuppLangs.ln_English;
            oCompany.LicenseServer = "192.168.1.58:30000";
            int i = oCompany.Connect();
            if (i != 0)
                return false;
            return true;
protected override void RenderContents(HtmlTextWriter writer)
            if (conn.ConnectToCompany() == true)
                writer.Write("Hello" + this.Context.User.Identity.Name);
Edited by: bikalg on Nov 28, 2010 9:43 AM

Hi.......
Welcome to SAP Business One Forum.....
Unfortunately this is the wrong forum you posted here.
I would suggest you post it in SDK or System Administration Forum and definitely you get the solution and close this thread from here......
Regards,
Rahul

How to make a PDF form with expanding tabel or expanding fields, like in Word.

How to make a PDF form with expanding tabel or expanding fields, like in Word.

This is currently not possible in Formscentral. It is something we are working on for the future. Please stay tuned.
Andrew Yarborough

Is there a way to get ACR to appear in the "Open With" drop down menu?

Hi,
Is there a way to get Adobe Camera Raw to appear directly along with CS3 in the Mac's ( OS 10.4.11) "Open With" drop down menu?

If you installed ACR it in the right place, and are targeting the kind of file that ACR can handle, it should be there.
I have found that there are certain Tiff Scans that won't open in ACR but if you just Duplicate them in Bridge, and then target the Duplicate, they will then open in ACR.
At least they do so for me.

How do you stop AddThis mouse over drop down menu or block AddThis?

Apparently, someone has created a thing called AddThis that can be put into any webpage design. Supposedly, it is to help the reader share the great webpage they've found (or something??). Really, it seems to just be a way for a web designer to attract more page hits.
I find the default setting that causes a rather large (say 5 times larger than icon on the webpage itself) menu to drop down whenever a cursor passes over to be incredibly annoying! If you move your mouse to bring the cursor down the page to reach a link or start to select some text and pass over this AddThis icon, the menu pops down covering a huge area which is often the exact area you are trying to click on. How anyone could think a web surfer would desire this behavor is beyond me.
I am hoping there is a way in FF to stop this kind of behavor. I would like to find a setting or an add-on that could block it altogether (an AdBlock for AddThis).
Any ideas?
== web designers starting adding AddThis to their pages.

You can block AdThis completely by using the NoScript plugin.

How to make a sidebar menu with drop down submenus

Similar Messages

Maybe you are looking for