Accordion menu widget behavior and contents

I'm working on an accordion menu that is then used in a DPS folio created in InDesign.
The accordion menu resides on the Master Pages of the articles/documents, 6 articles total.
When the label is tapped, the accordion menu expands open >
The label is also a link that takes the reader to a page within the folio while expanding (using the navto://documentname#page formatting) >
Inside the content area of each label are subtopics that also navigate to different pages within the folio (also using the navto://documentname#page formatting).
My desire is that when a label is tapped and expands, the reader can then click on each subtopic and go to that page without the accordion menu collapsing as it goes to the page.
I'm finding that 99.9% of the time, the menu is collapsing. Other times I get the exact performance I desire.
I'm Ok with the menu collapsing as each label is tapped, but not the subtopics.
I've played around with setting the accordion properties by unchecking "Collapse All" and unchecking "Edit Together", but can't seem to edit these sections or the text boxes individually. It either sets ALL items in the accordion menu to Collapse All or not. No mixing of the two settings.
Is there a way to get the desired functionality, outlined above, with the accordion menu widget?
TIA,
Hunter

You can either use separate accordions for sub topic or you would need to go with unchecked collapse all and then manually edit all contents.
Thanks,
Sanjit

Similar Messages

Static/Standard links within Muse Accordion menu widget

Hi,
I'm a newcomer to Adobe Muse and so may have missed a menu or option somewhere along the line,
I'm trying to make a simple alteration to the standard Muse 'accordion' menu widget.
I'm re-creating a website I've already half built in Dreamweaver, it being a simple design I thought
this would be a good site to try to build with Muse. As you'll see here: http://www.thisisneil.com/rg-e/
the accordion on the left hand side has two static links sitting at the bottom of the menu linking to
a 'Contacts' page and 'Blog' hosted on Tumblr.
Within Muse, I can't embed these two standard links without the accordion function in the same field?!
Muse automatically applies the on-click, drop down sub-menu. Is there anyway of disabling the function
on selected menu items?
I'd like the two static links to drop down, and pop back up with two two functioning accordion menu's
sitting above as they do within my dreamweaver example, but can't seem to amend the Muse menu
to behave in this way. A shame to fall at the first hurdle with such a simple menu amend!
Any help or thoughts much appreciated.
Thanks.

Anybody?!

Accordion Panel Widget - open and close speed.

Hello,
Is there any way to change the speed that an Accordion Panel Widget opens and closes?
I would like it to be slower than it is now.
For my project it would be more relaxed and graceful.
Thanks,
Chris.

HI Chris
With Accordion we cannot setup the speed as of now , but you can try out composition widget where we can define transition, auto play speed.
Thanks,
Sanjit

Muse accordion menu within folio article(s)

I’m working on an accordion menu created in Adobe Muse that is then used in a DPS folio created in InDesign.
The accordion menu resides on the Master Pages of the articles/documents, 6 articles total.
When the label is tapped, the accordion menu expands open >
The label is also a link that takes the reader to a page within the folio while expanding (using the navto://documentname#page formatting) >
Inside the content area of each label are subtopics that also navigate to different pages within the folio (also using the navto://documentname#page formatting).
My desire is that when a label is tapped and expands, the reader can then click on each subtopic and go to that page without the accordion menu collapsing as it goes to the page.
I’m finding that 99.9% of the time, the menu is collapsing. Other times I get the exact performance I desire.
I’m Ok with the menu collapsing as each label is tapped, but not the subtopics.
I’ve played around with setting the accordion properties by unchecking “Collapse All” and unchecking “Edit Together”, but can’t seem to edit these sections or the text boxes individually. It either sets ALL items in the accordion menu to Collapse All or not. No mixing of the two settings.
Within InDesign, it actually seems as though this menu, although on the Master Page, is functioning individually on each document page.
Is there a way to get the desired functionality, outlined above, with the accordion menu widget?
TIA,
Hunter

The only way you'd be able to keep the menu from being collapsed when you come back to the page is to write code in JavaScript to remember the state in localStorage and then read it back when the menu is re-opened. When your reader navigates to another article (and sometimes even page in the same article) in the folio via the menu we will clear the previous article from memory, and the state will be lost.
Neil

Where can I find a horizontal accordion menu tutorial

I have googled all day looking for a horizontal accordion menu for javascript and haven't found an actual tutorial. I have found downloads, but I want learn how to make one.

Just to clarify, Accordions are collapsing panels (not a menu system per se).
Spry Accordion Panels Widget
http://labs.adobe.com/technologies/spry/articles/accordion_overview/
Working with Spry Horizontal Drop-Menu widget
http://labs.adobe.com/technologies/spry/articles/menu_bar/index.html
Making a JQuery Mega Menu
http://www.sitepoint.com/make-a-mega-drop-down-menu-with-jquery/
jQuery Superfish Menus
http://users.tpg.com.au/j_birch/plugins/superfish/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Accordion menu HELP - sorry, very urgent

Good afternoon, first I would like to say that I'm a completely newbie in this things, sorry for that. I'm trying to expose my question in the most simple way:
I want to make a Accordion menu, where in the content boxes appears no only one space to work and put a link and images, but more, how many as I want. Is correct putting a table inside the content box and make rows? Is there any other way to build this correctly? I tried the Vertical Menu Spy, but I don't like it because I want this to work like the accordion... don't know if I make myselfe clear, sorry the bad english. Hope some one can help! Thanks
PS: there goes an image to explain better

DW Sprys and Accordions are difficult for experts to use. If you don't have a good knowledge of HTML, CSS and JavaScripts yet, you may be better off using a commercial product.
Project Seven Accordion Panel Magic 2
http://www.projectseven.com/products/tools/accordion2/index.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

Accordion Menu does not do proper job

I am using an accordion menu to select data to display on a line chart. I manipulate some data with a spinner and the graph on the line chart does not change. If I move up a label and move down again then the graph has changed.
If I replace the accordion menu with a list box, I am able to see changes on the line chart dynamicall when I increase or decrease values with the spinner. Thoughts? Many thanks!

Anil,
the source data area contains calculations that can be manipulated by the values entered in the spinner. Example: Some cells contain a conversion factor and other cells contain a simple weighting factor. The weighting and the conversion factor are incremented or decreased by the values in the spinner.
Once this calculation is done I expect the accordion menu to write the data into row x again so that the update is displayed in the line chart. If you use a list box instead of an accordion menu it works and the line chart is updated every time I change the value in the spinner.
In the accordion case it does not seem to be the case. When I change the spinner value I have to select another label and go back again to see the changes. I assume that the accordion menu then has written new values in row x.
Does that make any sense? Regards, Frank

Spry Accordion menu - How do you make tabs without content and make panel height fit the content?

I have an Accordion Menu on my site and I would like to put a tab at the top that links to my homepage when clicked, instead of sliding open to show a content panel. I don't have any extra info to put in the content panel, so it would look kind of redundant to have it there.
Also, each panel has a different amount of content, but they all default to the same height to fit the largest content. I want them to fit to the content of each panel. The only thing I've read said to set the height of the content panel to 100% in the CSS, but it didn't change anything.
Thanks!
Andrea
http://www.andreamutsch.com

You make it look so simple but it doesn't seem to be working for me...
My first thought with getting rid of the tab content was to simply delete it, but when I do that I get a warning that 'The structure of the accordian appears to be damaged'. Then when I preview none of the tabs will open.
This is what my accordian structure looks like with the tab content code deleted...
<div id="Accordion1" tabindex="0">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">home</div>
        </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">graphic design</div>
        <div class="AccordionPanelContent">
          <p align="center">identity </p>
          <p align="center">print </p>
          <p align="center">packaging</p>
          <p align="center">web </p>
        </div>
      </div>
<div class="AccordionPanel">
        <div class="AccordionPanelTab">photography</div>
        <div class="AccordionPanelContent">
          <p>traditional</p>
          <p>digital</p>
          <p>retouch</p>
        </div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">contact</div>
        <div class="AccordionPanelContent">
          <p>email me</p>
          <p>design quote</p>
          <p>purchase photography</p>
        </div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">resume</div>
        <div class="AccordionPanelContent">download resume (.pdf)</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">design blog</div>
        <div class="AccordionPanelContent">2009</div>
      </div>
Also, getting rid of the height in the CSS had no effect (I did this before I did the above)
Below is my current CSS for the Panel Content
.AccordionPanelContent {
    overflow: auto;
    margin: 0px;
    padding: 0px;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: large;
    background-color: #633408;
    font-weight: normal;
    word-spacing: normal;
    text-align: center;
Also there is a note in the CSS that says this...
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
I'm not sure how accurate that is since I don't have a height in there and it worked (although not how I wanted) but I just thought I would throw it in.

Dashed rule between menu items nested inside an accordion panel widget in Muse?

I have a vertical menu widget nested inside an accordion panel widget and I want a dashed rule under each menu item. I already know I can have a solid rule by assigning a stroke to just the bottom of each menu item container.
I manually created dashed rules by "step and repeating" a 1px black square followed by 2px of space to a 380px width. I positioned these dashed rules under each menu item and grouped them with the menu. Then I placed the menu widget with the dashed rules into the content container for the accordion panel. The menu expands and collapses in the Preview mode but the dashed rules don't show up.
Muse CC 2014, iMac OS10.9

The link again is I forgot to add http to the link before, but it should have worked.
http://www.lipowiec.org/test/index.php
a) used Dreamweaver to create new site selected 1 column, elastic, centered, header, and footer
b) used spry to add horizontal menu to header
c) followed instructions from Spry Help
http://livedocs.adobe.com/en_US/Spry/SDG/index.html?lang=en_US ->
working with spry widgets -> working with the menu bar widget -> Customize the dimension of menu items as indicated
To change the dimension of menu items by changing the width properties of the menu item’s li and ul tags.
Locate the ul.MenuBarVertical li or ul.MenuBarHorizontal li rule.
Change the width property to a desired width, or change the property to auto to remove a fixed width, and add the property and value white-space: nowrap; to the rule.
Locate the ul.MenuBarVertical ul or ul.MenuBarHorizontal ul rule.
Change the width property to a desired width (or change the property to auto to remove a fixed width).
Locate the ul.MenuBarVertical ul li or ul.MenuBarHorizontal ul li rule.
Add the following properties to the rule: float: none; and background-color: transparent;.
Delete the width: 8.2em; property and value.
Under IE it's broken, under the other browsers it works.
There need to be more IE HACKS added.

How to set up slider mobile menu widget on master and pages of mobile website in Muse

Adobe Muse Slider Mobile Menu Widget by MuseThemes
I am new to mobile website design and Muse, I love this widget, but I am not sure how to set it up on multiple pages.
Do I put it on the master? Content covers it when it is on master, so I could use some help.
Thanks so much, anyone know of tutorials or can anyone give me a game plan to set up. thanks so very much!

Thanks, my issue was that the content was in front of the navigation menu see screen shot (taken in preview in Muse)

Spry Accordion and jQuery UI Accordion for Widget Browser

I have Dreamweaver CS5 and used the spry accordion for a left menu. I then used the widget browser and added jQuery UI accordion. But there appears to be a conflict in that the spry accordion is not displaying the white font on hover, instead using the gray font from the jQuery UI accordion.
This may be a duplicate post, I asked this question on another section of this site, if so, I do apologize. Any help is greatly appreciated.
The page sample is
http://www.sbcvote.us/registrar/2006_form460.htm
Thanks to all,

In SpryAccordion.css you are telling the Spry Accordion to do exactly that.
Have a look at lines 97 and 100 where the colour is set to #555555
Gramps

Spry Accordion Widget hiccups and more

Hi, I am using the Spry Accordion Widget on my website and have the following problems:
1. Is there a way for the accordion movement not to affect the images that are placed below it. For example, I have the accordion placed on top of 3 different logos. Whenever, the accordion panels move up and down (in use) all the contents (below the accordion) moves with it. I don't want the logos to move up and down whenever someone clicks on the panels. How do I make the logos stationary so its placements won't change?
I don't want to use an ap div tag because that would force my website to be in a fix position on a page. All I have been using to position my graphics are div tags and floats; no ap div tags. If you resize the browser window you will see that my website is somewhat elastic. Meaning, the graphics are always in the center of the page regardless of the size of the browser window—this is something I want to keep.
Please go here for better understanding: http://meinaco.net/tblLists.html
2. When one of the accordion tab is clicked there seems to be some kind of hiccup/jump/jerky (up and down movement) before it settles/stops. Is there a way to fix that? I noticed the accordion moves up and down smoothly prior to my inserting the images into the tab panels. To be clear, the images I am referring to are the brown horizontal lines with white words on a green background. Do these images have anything to do with this problem?
3. When the 1st tab (the restaurant panel) is open and another tab is selected, the restaurant panel displays large incorrectly styled text for a brief second as it closes to allow the other panel to open. I know it has something to do with my style sheet but I can't figure out what is causing it. I checked my css files and it seems they all have the correct size. To see this problem reoccur please do the following:
Make sure the restaurant panel is open then click on another panel (one of the 3 panels). As you click on the second panel pay attention to the text that sits inside the restaurant panel. You will see that large minus leading text will appear for a split second.
4. When I run my webpage (url mentioned above) on Safari 4.0.3 there seems to be a blue line outlining the whole accordion widget. This outline doesn't exist on Firefox nor on Opera. Please see attached image for clarity.
Any suggestions or help on any of these problems is greatly appreciated! Thank you in advance.
Meina
I hope someone can help me resolve or give me suggestions for the 1st and 2nd problems at the very least.

<div class="AccordionPanelContent">Castaway the: Restaurant<br />
              1250 Harvard Rd.<br />
              Burbank, CA 91501<br />
              - www.castawayrestaurant.com - (818) 848-6691</p>
Oops!
Missing the opening <p>
I didn't find it, the validator did.
Martin

Please create a menu widget with accordion properties.

Hi. I love the menu widget, how it picks up all the pages and subpages, and how changes in the site plan are automatically reflected in the menu system. Awesome!
I would like to have a menu widget that allows me to create a menu in which clicking on a menu item causes all the other menu items to slide down and expose the next submenu. The same happens when clicking on a submenu item, for as many levels of menus as there are.
On your chat support, I was informed I would have to use an accordion widget, which would have been fine, EXCEPT.... every single change in the site structure--adding, subtracting, moving a page--has to be done manually. The accordion widget does not automatically propagate changes like the menu widget does. I would like it to!
Contact me if I'm not clear enough. [email protected] (Adobe staff only please.)
Thanks.
Kirk

It would be great to have a blog/forum feature built into Muse that looks and works similar to this forum. I would like a forum where people could reply to post.

Is it possible to make an animated drop down menu and still use the menu widget?

Hi- I am trying to create a menu bar that is hidden with just a tab exposed to indicate that there is a menu there. Upon rollover, the full menu bar slides down and reveals the menu items. I can't find a way to make it smoothly slide down so I settled for the Photoshop button and just moved the button position in Photoshop to fake it. The problem is now I need to find a way to still use the menu widget along with this. if that can't be done, can I use the Photoshop button and populate the menu there and abandon the menu widget?
Someone suggested using Edge Animate ( why the hell is this a separate software from Muse?) to make the animation. If that's a possibility, can the menu widget be used with the Edge file that's imported? please help me get to where I need to go however it needs to happen! Thanks in advance.
Here's a link to a screenshot of my menu: http://www.groovindj.com/menu.jpg
Here's a site that does pretty much what I'm looking to do... www.bagigia.com

Ok, thanks! I have another way to do what I'm trying to do, I just thought it might be better to do it this way. Obviously I was wrong!
Thanks again!

I created a book in iBooks Author using the Photo Book template. When I rotate to portrait orientation, the photo or widget disappears and a table of contents appears with only the interactive media showing.

I created a book in iBooks Author using the Photo Book template. When I rotate to portrait orientation, the photo or widget disappears and a table of contents appears with only the interactive media showing.

Thanx for the prompt response, KT. I have indeed seen that thread, only just after I posted the question.
I have spent hours on the phone with what I now know is a call center in Texas on this question.
I think Apple could be a little more "hands on" with iBooks Author users, and it should also be pointed out that landscape photos will not display in portrait mode.
In my case, I used gallery widgets to display vertical photos, since they look better in portrait mode.
But instead of simply rotating, the page disappears and a TOC of interactive media appears. The gallery behaves as expected when tapped. This is not what I expected, but since the gallery works, I can live with it.
Right now I have "tickets" telling me to "fix" this "problem or to disable portrait mode.
I don't want to disable portrait mode.
Will Apple accept the books if I tell them this is not an "error?"

Accordion menu widget behavior and contents

Similar Messages

Maybe you are looking for