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

Similar Messages

  • 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

  • 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

  • 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.

  • 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

  • How to make the wifi connection with Ipad in china since it requires user's name and password.

    How to make the wifi connection with Ipad in china since it requires user's name and password just like the dialed-up?

    The same way you would connect to a secure wifi network in any other country. Supply the username and password when prompted.

  • HT4642 ios numbers:how to make cell height variable with auto line brake setting ?

    ipad numbers; How to make cell height variable with auto line break setting?

    That's strange. I responded earlier and the whole message got trashed. Hence the test post before retyping the entire thing again.
    Thanks for the reply.
    The video clip is a single screen capture video clip. This is what I've found by playing around with this more.
    The original clip resolution is greater than 640x480. If I use QT Pro to convert the original clip to 640x480 and then use either Flip4Mac or PE7, then the resolution looks good.
    Just trying to figure out if should keep all workflow on the MacOS side. There are several different version of Flip4Mac. $49 gives me 640x480, but if I ever want to make it slightly larger then I would need to go with the $99 or HD version.
    I also tried to export to AVI with QT Pro and the import with Windows MovieMaker but it didn't work really good. I liked the simplicity (since PE7 hogs a lot of resources especially through VMWare).

  • How to make Dynamically Shortened Text With "Show More"

    Hi there! i want to know how to make dynamically shortened text with show more or read more in my website using HTML 5 pages  or ASP.NET ?
    example like these paragraphs 
    Lorem Ipsum är en utfyllnadstext från tryck- och förlagsindustrin. Lorem ipsum har varit standard ända sedan 1500-talet, när en okänd boksättare tog att antal bokstäver och blandade dem för att göra ett provexemplar av en bok. Lorem ipsum har inte bara överlevt fem århundraden, utan även övergången till elektronisk typografi utan större förändringar. Det blev allmänt känt på 1960-talet i samband med lanseringen av Letraset-ark med avsnitt av Lorem Ipsum, och senare med mjukvaror som Aldus PageMaker.
    Det är ett välkänt faktum att läsare distraheras av läsbar text på en sida när man skall studera layouten. Poängen med Lorem Ipsum är att det ger ett normalt ordflöde, till skillnad från "Text här, Text här", och ger intryck av att vara läsbar text. Många publiseringprogram och webbutvecklare använder Lorem Ipsum som test-text, och en sökning efter "Lorem Ipsum" avslöjar många webbsidor under uteckling. Olika versioner har dykt upp under åren, ibland av olyckshändelse, ibland med flit (mer eller mindre humoristiska).
    I motsättning till vad många tror, är inte Lorem Ipsum slumvisa ord. Det har sina rötter i ett stycke klassiskt litteratur på latin från 45 år före år 0, och är alltså över 2000 år gammalt. Richard McClintock, en professor i latin på Hampden-Sydney College i Virginia, översatte ett av de mer ovanliga orden, consectetur, från ett stycke Lorem Ipsum och fann dess ursprung genom att studera användningen av dessa ord i klassisk litteratur. Lorem Ipsum kommer från styckena 1.10.32 och 1.10.33 av "de Finibus Bonorum et Malorum" (Ytterligheterna av ont och gott) av Cicero, skriven 45 före år 0. Boken är en avhandling i teorier om etik, och var väldigt populär under renäsanssen. Den inledande meningen i Lorem Ipsum, "Lorem Ipsum dolor sit amet...", kommer från stycke 1.10.32.
    Den ursprungliga Lorem Ipsum-texten från 1500-talet är återgiven nedan för de intresserade. Styckena 1.10.32 och 1.10.33 från "de Finibus Bonorum et Malorum" av Cicero hittar du också i deras originala form, åtföljda av de engelska översättningarna av H. Rackham från 1914.

    Moved to the main Dreamweaver support forum.
    There are several ways you could approach this. Here's one you might try:
    Give the first paragraph an ID, such as "first", and wrap the paragraphs you want to hide in a <div> with another ID, such as "more". Then add the following block of JavaScript just before the closing </body> tag of the page:
    <script>
    var first = document.getElementById('first'),
         more = document.getElementById('more'),
         trigger = document.createElement('span');
    trigger.id = 'trigger';
    trigger.innerHTML = 'Show less';
    first.appendChild(trigger);
    function toggleDiv() {
      var state = more.className,
           text = trigger.innerHTML;
      more.className = (state == 'open') ? 'closed' : 'open';
      trigger.innerHTML = (text == 'Show more') ? 'Show less' : 'Show more';
    toggleDiv();
    if (trigger.addEventListener) {
        trigger.addEventListener('click', toggleDiv, false);
    } else if (trigger.attachEvent) {
      trigger.attachEvent('onclick', toggleDiv);
    } else {
      trigger.onclick = toggleDiv;
    </script>
    This gets references to the "first" paragraph and the "more" <div>. It also creates a <span> with the ID "trigger" that's appended to the "first" paragraph. The rest of the script defines a function called toggleDiv(), which toggles the "more" <div> open and closed, and changes the text in the "trigger" <span>.
    You also need to create the following style rules for the various elements:
    <style>
    #trigger {
        text-decoration: underline;
        color: blue;
        cursor: pointer;
    #more {
        transition: ease-out .7s;
        overflow: hidden;
    #more p:first-child {
        margin-top: 0;
    #more.closed {
        height: 0;
        -webkit-transform: translateY(-600px);
        transform: translateY(-600px);
    #more.open {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        max-height: 600px;
    #more + p {
        margin-top: 0;
    </style>
    This solution hides the text and creates the "trigger" <span> only if JavaScript is enabled in the browser. It should work in all browsers, including Internet Explorer 8 and earlier.

  • 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

  • My 3gs wont restore after ios 5 update. I have tried firmware restore and restore from backup, neither works. All I get is "iphone restore failed because backup session failed" Any ideas on how to make a successful restore with this ios 5 update?

    My 3gs wont restore after ios 5 update. I have tried firmware restore and restore from backup, neither works. All I get is "iphone restore failed because backup session failed" Any ideas on how to make a successful restore with this ios 5 update?

    I was having the same problem, I backed up my phone and then updated to iOS 5 and then it kept telling me it could not restore from my backup as it had failed.  After reading a bunch of forums and posts and trying everything, I did manage to get it to work.  I had tried the Time zone, creating a new computer user account, disabling anti-virus, etc.
    It took a combination of things, one of which was disabling the anti-virus completely and copying the contents of the backup folder to my desktop and then deleting everything in the backup folder.  Then I rebooted the PC, entirely disabled the anti-virus, copied the one backup I wanted to restore from the desktop to the backup folder and then trying to restore.  Low and behold the phone said restoring from backup and I am back in business, so when in doubt, trying combining some of the fixes together.

  • How to create a dropdown menu with sub buttons that link back to the labels on click.

    im trying to create a dropdown menu buttons that when you rollover to the top central button the button it opens up like a drop down menu would containg two other subsectional buttons. This makes the sub sectional buttons seperate from the main stage making it difficult to simply give them a on click,  sym.play("label") function.
    the buttons work like this in symbols or sections stage/panel/homebutton inside home button is group dev containg another group dev containg the button which I need to link back to a "label" in the /panel/ symbol or section. Thank you very much.

    pdp_1 wrote:
    Hi!
    I would like to create a DVD menu that offers two languages. So the first page gives two options: Language 1 and Language 2. Then depending on which language you choose, you go to a menu that proposes different videos and a photo slideshow.
    Regardless on which language button you click on initially, you get the same content but in different languages.
    I've been looking at Premiere's templates, which I can certainly customize, but I really don't see how to create the double menu. Does anybody have an idea?
    Put the video with the first language on the timeline followed by the video with the second language.  Use chapter markers so you can have each video as a chapter in the menu.
    I use Premiere Pro, so I can't give more specific directions. Perhaps somebody like ATR will chime in.
    Also, I have another question: can I put videos from different projects in the same DVD with Premiere or must all of the videos that go into the DVD be in the same project?
    Thank you very much!!!
    pdp1
    They must be in the same project.

  • How to make a good menu!!!

    Hi!!!
    How can I make a good menu that it executes at runtime? Also this menu has to read a .txt file, which has the user permissions to display the menu according the connect user.
    I try to do with javascript, but I don't know to read a file.txt with javascript and to give the parameters to the .java of the page.I have read a lot of manuals of studio creator and javascript and I don't read anything to do this.
    I also see that some people do these menus in jsp, but the studio creators jsp code view is in XML, and the tutorial and examples of jsp are in pure jsp with html, so I can't use in studio creator.
    Thankssss

    I've read about the destruction due to sweat and have been careful where I put the iPod. I'm in the humid deep south, so I have a real concern.
    I took it out on a run during a rainstorm on Jan 1, but didn't use the earphones. It only came along so it could record Nike+ data, and it was inside a baggie so it had a better chance of staying dry. It did fine.
    My concerns are keeping moisture out of the data port and the headphone jack. Since I've got the Nike+ dongle, it's more difficult for moisture to get in there.
    I've only had it in mild weather, minus rain. If it's fair weather, it clips to the front of my shorts off to the side, where I've seen that I tend not to drench my shirt with sweat. I thought of using a wrist strap, but there's been too many times where I've had sweat dripping off my wrists/palms.
    Of course, this is way off topic, but I thought I'd give you my opinion.

  • How to make a DVD video with bonus iPod ready vids included

    I'd like to make a standard video DVD for playing in a typical DVD player. But somewhere on the disc, I was also thinking of putting on a bunch of iPod ready videos that people could just copy directly onto their hard drives.
    I'm hoping someone might have some advice on how to get this extra content onto the DVD.
    Thanks for any help.

    Since the folder content is not going to be played on a set top player, you might as well simply add a menu with text to inform the user that the content is there. You might try using DVD@ccess links to get the content to play when in a computer, but to be honest, since you are providing video only I wouldn't think it worth the effort.
    You could also consider linking to a simple HTML page that itself references the footage so that the user sees a familiar web browser and has a page with 'download' links on it. You'll need to create your microsite as you would any other web site of this kind, and then put it all in a single folder. Point your @ccess link to the single folder and the 'index.htm' page will load into the default web browser.... as long as the user has got @ccess installed on their computer.
    Given the problematic nature of this piece of software, it is often not worth the effort. If you have access to a PC then you should look at Sonic eDVD as a far better alternative.

Maybe you are looking for