Customizing/recreating the Accordion widget in Muse

I want to use the accordion widget, but I can't figure out how to flip it to work horizontally. Is there a way to flip or rotate in Muse? If not is there way to recreate an accordion menu that opens horizontally?
Thanks.

You sure can, just download the widget from link below and copy and paste into your design then customize as you like.
http://muse.adobe.com/widget/composition-menu-vertical-mcdonald

Similar Messages

Shortening accordion widget buttons MUSE

Hi guys
I was wondering how to shorten the accordion widget buttons in muse. They seem unable to reduce below a certain width and I would like the left and right edges to be closer to my text/
Any suggestion would be much appreciated.
Cheers,
- Coen

Personally I would try the tabbed panel widget instead. Then you would have narrower links but they would be beside each other instead of on top of each other.
Another option may be to go with no border and then add a similar graphic as i fill that is narrower and centered.

Problem with phone layout when I insert the Accordion widget ( since iOS8 )

Hello,
The problem appears after I insert the Accordion widget. The phone scales down the entire site, and there are no "lost" or hidden objects in the project. ( screenshot attached ) . This layout worked well before the second October Muse update.
I have tried a totally new basic website and had the same problem. The accordion takes the screen width. I have tried to make it smaller then the phone layout, but it remains small.
Website: www.pronovis.ag
I am very happy for any possible response,
Thanks,
Alex

Hi jonunes!
I have an article for you that I believe will help you troubleshoot this issue with your iPhone:
iPhone: No sound or distorted sound from speaker
http://support.apple.com/kb/ts5180
Thanks for coming to the Apple Support Communities!
Regards,
Braden

Accordion widget crashing Muse after 3-4 articles adding attempt.

Hi! I made in MUSE web design and have BC web Marketing plan.
I must put in one page at least 12 long articles in 12 different languages like there are: Манифест
In fact - accordion widget crashing Muse after 3-4 articles adding attempt.
In blog module not possible to use something like Read More!
Can you advise me?
Thank you!

How exactly you are adding documents to accordion widget ?
Regarding read more , in Blog list layout you can use {tag_blogpostbodypreview,Text} where the text can be "Read More", this tag will Display a preview of the first paragraph of your blog post. Replace "Text" with the relevant words to link to see the entire post.
Thanks,
Sanjit

How do I add a new panel to the accordion widget in-between two others (NOT at the end)

In the accordion widget, the + button at the bottom adds a new panel to the end. I have a series of panels that are in alpha-sort and need to add a new panel in the middle... I can't figure out how to do it without re-doing the whole thing. is there a way to do this?

Gah! Thanks Mac.
That was the first thing I tried! I must not have had the right level selected. It's been driving me batty, but I've got it now.

Is it possible to make the top tab in the accordion widget remain open constantly?

I'm looking to use the accordion widget as a secondary navigation in my site's sub pages. I've noticed other websites doing this successfully and one site inparticular has their top accordion panel always open.
This allows them to have their three main calls to action always accessible for the visitors to select.
I've tried implementing this but it doesn't seem to be possible?
Is there any way to access the code for the widget to see if I can tweak this to work?

hello, you can set "about:newtab" as your homepage:
[[How to set the home page]]

How to adjust the width of the accordion widget

I'm builting my 2nd wesbite with Muse and cannot find a way to decrease the width size of the accoidion widget to fit my grid. When I try to decrease it it just "jumps" back to its original spot.
I may be going crazy but I can't seem to find any information on this in the forums. I'm sure it's a simple fix I just cannot find it. Any help would be appreciated!

Reduce the width of the inner most container which is the usually the Text frame for each of the panels. Then you would be able to resize the width of the overall Accordion. Its just that the width of the Content Area cannot be less than that of the Text Frame inside.
Thanks,
Vinayak

Id like to be able to place an anchor inside the accordion widget that opens the accordion to that anchor .

i have created a page with a very long accordion widget over 70 entries! its a staff list and the accordion rivals each persons bio. but what I need is when some clicks on a link person name on another page I want it to go to that accordion tab and open the accordion to rival the bio

Hi Jryan !
If you wire a 2D array to the input of a "replace element" function, you will see that the function expand to display an additionnal index. The one you are looking for !!
Chilly Charly (aka CC)
E-List Master - Kudos glutton - Press the yellow button on the left...

Youtube embed code in the lighbox widget crashes Muse

Muse crashes every time I use the youtube embed code in the lighbox widget. I am looking for a simple pop up video solution.

Use the YouTube widget from the Widget Library. It avoids this crash. (The next major update of Muse will enable you to once again use the embed code, if you prefer that over the widget.)
https://creativecloud.adobeevents.com/ccnext

Curious about the Accordion widget?

Adobe is looking for participants for a brief (~1 hour) work observation and interview. Participants must meet the following criteria:
Dreamweaver CS4 user (beginner to advanced -- no CS3 users please)
Curious about Spry, but have never used Spry widget features in Dreamweaver
You know what an Accordion widget is from other sites, but have never inserted or edited one in Dreamweaver
Familiar with CSS styling and how it works
We are offering a small incentive to those willing to help us complete this study.
If you meet these requirements and would like to participate, please contact me at [email protected]
In your email, please confirm that you are a Dreamweaver CS4 user, that you have never inserted a Spry Accordion, and that you are comfortable working with and editing CSS.
Thanks!

To bad I fail on nearly all the criteria, I'll pass alone the message.
Good luck with the search.

Add hyperlinks to the tooltip widget in muse?

Ok. here is an interesting question.
1. I added the tool tip widget to a site design in Muse.
2. I clicked on the trigger & went to the muse toolbar to select hyperlink, I then added the desired hyperlink.
3. The "hover" finger pops up, but clicking does nothing.
I've checked layers and order to make sure nothing is blocking the trigger, all seems normal. Am I using this in a way it's not intended?

Oh well that's a whole different thing.
Click on the orange hyperlink and add your tooltip text

The accordion widget

Hello,
I would like to customize the widget Accordion by changing the appropriate CSS.
I am interested in the "Programatically Opening and Closing Panels" http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html
We open or close the panels by panel ID, for example...
The following code must be inserted in the SpryAccordion.js... but I don't know where, exactly !
Code :
<p>Open by Panel ID:
<a href="#" onclick="acc1.openPanel('panel1'); return false;">panel1</a> |
<a href="#" onclick="acc1.openPanel('panel2'); return false;">panel2</a> |
<a href="#" onclick="acc1.openPanel('panel3'); return false;">panel3</a> |
<a href="#" onclick="acc1.openPanel('panel4'); return false;">panel4</a>
</p>
I would like to add links to " panel 1 ; Panel 2... ? How can I do that ?
Many thanks for your precious help...

My apologies, the following may help:
<!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/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>
<body>
<a href="#" onclick="Accordion1.openPanel('FIGUELINE'); return false;">FIGUELINE</a> |
<a href="#" onclick="Accordion1.openPanel('GALLERIE'); return false;">GALLERIE</a> |
<a href="#" onclick="Accordion1.openPanel('CONTACT'); return false;">CONTACT</a> |
<p> </p>
<div id="Accordion1" class="Accordion" tabindex="0">
<div id="FIGUELINE" class="AccordionPanel">
    <div class="AccordionPanelTab" style="background-color:#F00;">FIGUELINE</div>
    <div class="AccordionPanelContent">Content 1</div>
</div>
<div id="GALLERIE" class="AccordionPanel">
    <div class="AccordionPanelTab" style="background-color:#0F0;">GALLERIE</div>
    <div class="AccordionPanelContent">Content 2</div>
</div>
<div id="CONTACT" class="AccordionPanel">
    <div class="AccordionPanelTab" style="background-color:#00F;">CONTACT</div>
    <div class="AccordionPanelContent">Content 3</div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
The red coded parts need to be added. This is called applying inline styles and makes creating classes and their associated style rules redundant. You will need to adjust the colour (eg #F00 = red) to suit your needs
I hope this helps.
Ben

Trying to use the contact widget inside muse

Hi,
I am building a site and require a contact form for feedback etc and I am trying to use the contact form that comes with muse. All seems ok, ie the form appears correctly on my test website, the recapure text is there to copy, but when I try to submit an email from the form, nothing happens.. I have the BC CAPTURE toggle set true, on the widget, and enter the required text correctly,
My question is, is it not working because I have a webbasics package given to me as a CC member and I have to upgrade to webbasics+ for this form to work as it needs email and that is only made available to webbasics+ members and above ??
Thanks
I had a further thought, just wondering if its because the site isn't yet live and needs to be live for the form to work.... I get "server encounterd an error" message when I press the "submit" button. ???
More information
Hmm, just tried with a live site and all I get is Red text saying required, the text is entered as shown, with and without spaces and still nothing happens...

Hi
Please provide the site url or page url where the form is inserted.
Thanks,
Sanjit

How can I use the accordion panel widget with a footer?

Hi,
My question is may be not clear. So I'm gonna be more specific. I'm using a menu for my website with the accordion panel widget. The menu is working fine and when I'm opening it, it pushs the items below on the pages.
My problem is with the footer of the page. Because, when the items below the widgets are pushed, they go below the footer and the footer is not pushed.
Is there any way to pushe the footer when I use the accordion widget? I don t want to overlap it.

I assume this is what you want to achieve in the footer....
Make sure in Muse before you export that the panel is closed, and also as Brad suggested, make sure Overlap Items Below is unchecked. I would also check the "Can Close All" button.

HTML inserted into a MUSE accordion widget issue

In Adobe MUSE 2014.3.1.44, I have inserted an HTML snippet into a MUSE accordion widget:
<script type=”text/javascript” src=”https://burkeauto.workstiming.com/external/next_available_time.js”></script>
When published all I see is the clock numbers to the top left corner of the page—no other page content and no accordion—just the unformatted clock at the top left corner.
The snippet works fine outside the accordion widget.
When not inside the accordion the HTML frame is normal, but as soon as I insert it into the accordion it adopts the attributes like other widgets, with the round blue icon on the top right corner of the frame and a stripped down context menu.
Adobe chat support has duplicated this on their end and suggested that I post the issue in the forum.
Any thoughts?

Brad,
Thanks for helping think this through!
First, yes, that is the whole script. There are actually two scripts (clocks) I want on a single page:
<script type="text/javascript" src="https://burkeauto.workstiming.com/external/next_available_time.js"></script>
<script type="text/javascript" src="https://burkeautomall.workstiming.com/external/next_available_time.js"></script>
They can be seen properly functioning together here: http://www.burkeauto.com/starttimes.html
I have been requested to put the page content from the above link in an accordion widget seen here: http://www.burkeauto.com/genuine.html
Click on the Light Maintenance Service tab. This is where the two scripts (clocks) are to go. Currently by clicking "CLICK HERE FOR NEXT AVAILABLE START" I am linking to page with the scripts/clocks outside the accordion.
I tried the script/clock in the accordion and publishing the site with the Light Maintenance Service tab open—still does not work.
As mentioned in the original post, Adobe could replicate the issue, but did not offer any resolution, and the forum has been quite on my post.
Any other thoughts?

Customizing/recreating the Accordion widget in Muse

Similar Messages

Maybe you are looking for