Accordion Widget is moving my footer!

I am using the Accordion Widget as one of my sidebars for
various products. My issue is that when one of my larger accordion
tabs opens, my footer and the bottom of my center column extend to
the length of my accordion. HOW DO I STOP THIS?! It's driving me
crazy.
You can see what I'm talking about
here.
Any and all help is appreciated. Thanks.
-Eric

I think you miss the point. However, if you really think your
design looks
good with the accordion pushing down past the bottom of your
other columns,
including the footer, then that is certainly your right ;-)
To do that, make
your third column "position: relative" and make the root
element of your
accordion "position: absolute".
Al Sparber - PVII
http://www.projectseven.com
Fully Automated Menu Systems | Galleries | Widgets
http://www.projectseven.com/go/Elevators
"ambook" <[email protected]> wrote in
message
news:g24710$1jt$[email protected]..
> Thanks for commenting. I am a very green CSS designer
and any advice is
> helpful. I've tried moving my divs all over the place to
correct this
> issue,
> but to no avail.
>
> I like the idea of adding the footer to the bottom of
the middle column. I
> might do that if I can't fix the issue. My css file is
located
>
http://www.americanbookcompany.com/testsite/css/abcsite2.css
if you'd like
> to
> look at it.
>
> Thanks for suggesting the faux columns, but the only
column I want to
> extend
> is the accordion. Otherwise, as you see, my design gets
thrown off.
>
> Thanks again for the comments. If anyone else knows how
to fix this,
> PLEASE
> let me know. Thanks.
>
> -Eric
>
>
>
>
>
>
>
>
>

Similar Messages

Content below Accordion widget not moving?

I want to have content below the accordion widget to slide down when one of the panels is open. Right now the accordion widget slides behind the content when one of the panels is open. I have "Overlap Items Below" checked.
From the Lynda.com site: " The Accordion panel now includes an option to Overlap Items Below. When selected, content below the Accordion panel will move down on the page as an Accordion panel is opened/expanded."
thanks

That seems like a typographical omission on Lynda.com's blog.
You need to uncheck that option to move the content below accordion down upon opening the panel.
Please check below excerpt from Muse Release Notes here: http://helpx.adobe.com/muse/release-note/adobe-muse-release-notes.html
The Accordion panel now includes an option to "Overlap Items Below". When selected content below the Accordion panel will not move down on the page as an Accordion panel is opened/expanded.
Cheers,
Vikas

Accordion widget footer open upwards - Adobe Muse - Help!

I created an accordion widget footer that opens upwards by pinning the widget to the bottom of the browser -- like so: http://310ai.businesscatalyst.com/retail.html
However, my goal is for the footer to be open by default, and to collapse back down to the bottom of the page on click. I had created this, (it worked!) and it collapsed beautifully just like the above link does after you open it. But I am unable to duplicate those results. Here's what happens when I set the footer to be open by default: http://310ai.businesscatalyst.com/retail-copy.html
Can someone help us figure out how to make this widget behave consistently? Thank you!

Hello,
You are facing this is issue because Composition widget was not collapsed. Please collapse the widget as the screenshot below and you will be all set.
First pic shows how it should be and second image shows its worng state.
================================================================================
Hopefully it will fix the issue for you.
Regards
Vivek

Accordion widget - moving sections

Is it possible to move the sections in the accordion widget? I want to move the last section to the top of the accordion.

I did offer you two work flows to have images on top of question slides. I don't think they'll change the design of question slides (following the basic SCORM defined types), has been the same since many, many versions. But you can now more easily create custom question slides than ever before with learning interactions, variables and shared actions. Your idea of 'basic functionality' is maybe not the same for the majority of users
You could log some feature requests, if you want to have impact on changes for the future. Personally I don't feel that the change to a learning interaction is such a basic functionality. Every application has its proper ways, and Captivate is certainly not an exception.

Accordion widget

Hello!
I have a question, why not work accordion widgets and thumbnails when I upload it via FTP to my server?
Already contacted my hosting provider asking if they had the solution, I gave my directory permissions and widgets do not work.
another thing, when I open my page from any IOS images that has the project are moved around!
please help!
thanks!
Greetings!

I see not all the files are uploaded on the server that is why you are facing this issue. Please try to export the html to a different folder and then use an ftp client like filezilla to upload it and let me know how that goes.
- Abhishek Maurya

Accordion widget not pushing content down

I followed the instructions for putting the menu inside the accordion widget. It has worked great for me in the past. But now, the menu just shows up behind the content. I've looked at several discussions, and I have everything set up correctly. No scroll effects, etc. I followed the step-by-step instructions on Lynda.com and in an earlier version of Muse it was perfect. Now it isn't. Here is the business catalyst site URL. pitv.businesscatalyst.com. Appreciate your help.
Carole

Hi,
Coud you please try the suggestion provided in the following thread
Re: Accordion Widget is Not Moving Other Page Items Down When Expanded
Do let me know if you have any question.

Accordion widget shaking on the page - help!

Why does the accordion widget shake? This is really unprofessional looking.
http://nicoleschepers.businesscatalyst.com/profile.html
Any ideas on how to get it to stop?

ok i figured it out. if you make a website and it has a sticky footer, then the widget is going to shake. so uncheck sticky footer when you make a new site. but i don't see how this should matter

DW Tutorial Question (Spry Accordion Widget) Beginner... :-(

Hi, I've just finished this tutorial (http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html) but have a problem with my Spry Accordion Widget, when I preview the site my footer moves when I select a different panels in the widget, I've read back and checked code/css but I still can't sus it out (Don't laugh if it's something obvious!) Please can anyone help me? I've copied code/CSS below.
A BIG THANKS IN ADVANCE!!
INDEX...
<!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>The Yacht Club</title>
<link href="main.css" rel="stylesheet" type="text/css" />

<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header"><img src="images/logo.jpg" width="290" height="144" />
    
</div>
<div id="sidebar1">
    <h3>Welcome</h3>
    <ul id="nav"><li><a href="javascript:;">Home</a></li><li><a href="javascript:;">About Us</a></li><li><a href="javascript:;">Membership</a></li><li><a href="javascript:;">Our Boats</a></li><li><a href="javascript:;">Current Races</a></li><li><a href="javascript:;">Contact Us</a></li>
    </ul>
    <div id="Accordion1" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Atlantic Ocean</div>
        <div class="AccordionPanelContent">Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</div>
      </div>
<div class="AccordionPanel">
        <div class="AccordionPanelTab">Pacific Ocean</div>
        <div class="AccordionPanelContent">Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Indian Ocean</div>
        <div class="AccordionPanelContent">Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</div>
      </div>
    </div>
    <p> </p>
</div>
<div id="mainContent">
    <h1> Luxury Yachts</h1>
    <p><img src="images/sailboat.jpg" alt="Sailboat" width="136" height="310" class="fltrt" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
    <h2>Sail to the Bahamas </h2>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
</div>
<br class="clearfloat" />
<div id="footer">
    <p>© 2009 Luxury Yachts – bring a cup for the bailout</p>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
MAIN CSS...
@charset "UTF-8";
body {
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
background-color: #FDFDFD;
background-image: url(images/body_BG.jpg);
background-repeat: repeat-x;
h1, h2, h3 {
font-weight: normal;
color: #00583F;
h1 {
font-size: 140%;
h2 {
font-size: 130%;
h3 {
font-size: 120%;
#container {
width: 780px;
margin: 0 auto;
text-align: left;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-image: url(images/container_bg.gif);
background-repeat: repeat-y;
#header {
background-color: #DDDDDD;
background-image: url(images/headerBG.jpg);
background-repeat: no-repeat;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 0px;
#sidebar1 {
float: left; /* since this element is floated, a width must be given */
width: 200px; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 15px 10px 15px 20px;
ul#nav {
background-image: url(images/buoy.jpg);
background-repeat: no-repeat;
background-position: left bottom;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 153px;
padding-left: 0px;
list-style-type: none;
#nav li a {
font-size: 90%;
color: #FFF;
text-decoration: none;
background-color: #09553F;
display: block;
padding: 4px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #3574A7;
#nav li a:hover, #nav li a:active, #nav li a:focus {
color: #123464;
background-color: #B7DAD8;
#mainContent {
margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
#mainContent p, #sidebar1 p, #footer p {
font-size: 85%;
line-height: 1.4;
#footer {
background-color: #00593D;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 270px;
#footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
color: #FFF;
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
SPRY CSS...
@charset "UTF-8";
/* SpryAccordion.css - version 0.4 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* This is the selector for the main Accordion container. For our default style,
* we draw borders on the left, right, and bottom. The top border of the Accordion
* will be rendered by the first AccordionPanelTab which never moves.
* If you want to constrain the width of the Accordion widget, set a width on
* the Accordion container. By default, our accordion expands horizontally to fill
* up available space.
* The name of the class ("Accordion") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style the
* Accordion container.
.Accordion {
overflow: hidden;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #7C9297;
border-bottom-color: #7C9297;
border-left-color: #7C9297;
/* This is the selector for the AccordionPanel container which houses the
* panel tab and a panel content area. It doesn't render visually, but we
* make sure that it has zero margin and padding.
* The name of the class ("AccordionPanel") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel container.
.AccordionPanel {
margin: 0px;
padding: 0px;
/* This is the selector for the AccordionPanelTab. This container houses
* the title for the panel. This is also the container that the user clicks
* on to open a specific panel.
* The name of the class ("AccordionPanelTab") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel tab container.
* NOTE:
* This rule uses -moz-user-select and -khtml-user-select properties to prevent the
* user from selecting the text in the AccordionPanelTab. These are proprietary browser
* properties that only work in Mozilla based browsers (like FireFox) and KHTML based
* browsers (like Safari), so they will not pass W3C validation. If you want your documents to
* validate, and don't care if the user can select the text within an AccordionPanelTab,
* you can safely remove those properties without affecting the functionality of the widget.
.AccordionPanelTab {
background-color: #00583F;
margin: 0px;
padding: 2px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
color: #FFF;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #7C9297;
border-bottom-color: #7C9297;
/* This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
.AccordionPanelContent {
overflow: auto;
margin: 0px;
height: 200px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
.AccordionPanelOpen .AccordionPanelTab {
background-color: #FFF;
color: #005b3E;
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
.AccordionPanelTabHover {
color: #AAC7CE;
.AccordionPanelOpen .AccordionPanelTabHover {
color: #555555;
/* This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
background-color: #00583F;
color: #FFF;
/* This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
background-color: #FFF;
color: #00583F;
Apologies in advance if I'm asking a daft question!!

Hi,
using your source code, I couldn't find a really inserted "Spry Accordion". If I do that (translated from german DW) > Insert > Spry > Spry Accordion, I'll find in my DW source code something like that:
<div id="Accordion1" class="Accordion" tabindex="0">
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">Bezeichnung 1</div>
      <div class="AccordionPanelContent">Inhalt 1</div>
    </div>
    <div class="AccordionPanel">
      <div class="AccordionPanelTab">Bezeichnung 2</div>
      <div class="AccordionPanelContent">Inhalt 2</div>
    </div>
</div>
and in design view:
Please control your DW-entries.
Hans-G.

Spry Accordion Widget Behavior

I am using Dreamweaver CS3 and several Spry components. I am new to using Spry, but like how easy it is to impliment. One of the components I am trying to use is the Accordion Widget. The widget appears to function well (I am using variable panel heights) and the behavior appears as designed.
I am using the panel containers to list links to additional pages based on subject groups.
My question involves moving back and forth from the widget page to a listed pages, then back to the widget page.
The behavior I see is:
1)      User loads widget page, widget panel 1 is expanded onload.
2)      User expands different panel.
3)      User clicks URL link within different panel.
4)      User moves to new page (referenced URL page).
5)      User reviews content, decides it is not appropriate and wants to select another URL.
6)      User clicks the browser “back” button and returns to the widget page.
7)      Widget page onload returns to expanded panel 1.
Is there a way for me to tweak the JavaScript so that the user returns to the expanded panel they left rather that panel 1? Is panel 1 always going to be the panel that opens on page load? (Unless I have the settings set to no expanded panes on page load.)
Thanke you for any suggestions.
TPK

Greetings Arnout,
Sorry for the late reply. (Side-tracked with other work.)
I have a "outside-the-firewall" review area almost complete if you still have time to look at my code.
After testing several browsers and 2 platforms I have found that my problem is likely not with your code at all, but with small modifications that I have had to do to it. For example, I will need to have 2 separate Accordion blocks on the page I am developing.
When I drop Dreamweaver generated Spry code into the page the <div class="Accordion" ID="Accordion1"> is created (which suits my future needs, the additional block will have <div class="Accordion" ID="Accordion2">. I noticed that your code uses <div class="Accordion" ID="sampleAccordion">.
If I go through the cookie code and change all references of "sampleAccordion" to "Accordion1" the code breaks. I am missing something and haven't been able to find it.
Additionally, I noticed something odd when testing the widget. When testing using a Mac (Safari and Firefox) it appeared I didn't need the cookie code at all. The unmodified Dreamweaver Spry code appeared to hold the value of the launch panel when I moved from my launch page, to my receiver page, then back to my launch page.
This wasn't the case with Windows IE and Firefox. IE 6 appears broken onLoad, IE 8 and Firefox breaks when I go back to the launch page from the receiver page. Very odd behaviors. Tonight I will load your original code on a test page and add testing notes so that I have a "control".
The URL for the (several) test pages is: http://tim.kern.home.comcast.net/~tim.kern/
If you have any suggestions (for modifying the cookie code to work with more than one widget on a page) I would certainly appreciat them.
Thank you very much for the original code.
TPK

Can you make a composition widget act like an accordion widget?

Is it possible to make a composition widget act like an accordion widget? The reason I ask is because the styling that I can do inside of a composition widget is much more than that of a accordion widget which is just a simple text frame, makes it impossible to add images/icons where I would like to. The only work around to this is to make a .psd file with my states already predefined in it, however If I have to resize the widget for any reason I then have to go and edit the psd file vs just simple moving the items in muse.

Hi
How exactly you are trying to style the text or image ?
You can insert any object or widget in accordion , add image or draw a rectangle with different states defined. You can resize while placing the image etc.
If this is not you are looking for , then please elaborate as what specific changes you are looking for the object in accordion.
Composition and Accordion , both are different and works differently but you can use accordion itself and make the changes to text or image anything inserted in the container.
Thanks,
Sanjit

Spry Accordion Widget Init Closed, Without Snap?

(This is a topic discussed in
another
thread, but I didn't want to hijack the thread with my own
question, so I started a new one...)
I want to start my Accordion widget in a closed state. I
figured out the trick of setting the default panel to '-1' and
turning fixed heights by altering the code in the footer of the
page to:
var Accordion1 = new Spry.Widget.Accordion("Accordion1",
{defaultPanel: -1,
useFixedPanelHeights: false});
When you do this, however, the page loads with the first
accordion panel open and visible for a split second until the page
is loaded, at which point the widget snaps the panel shut. This is
very ugly and undesirable, especially given that this accordion is
on a page element common to every page on the site.
I've tried setting an initial class that is hidden, however
the Spry Accordion widget is written in such a way that it
preserves whatever classes you have rather than replacing them.
Does anyone know a way to load the page with the accordion
panels shut without this initial flash of the first panel snapping
shut?
Thanks,
Steve

Hey Al,
Nice plug for your own application! Here is another one,
since I am one of your happy customers.
I used the Spry widgets in the new DW CS3 and spent a couple
of days trying to tweak things to get them to work the way I
wanted. After getting input from my brother (his site that I am
working on) he really wanted some more style than what I was coming
up with using the basic DW widget. I smacked my dollar on the
barrel head and tried out PVII Accordion instead.
I can't tell you how fast and easy it was to insert and
customize this plugin. Not to mention they had some nice little
themed styles, one of which (the cobalt blue) was a real close
match to the color scheme I originally was using! (PS - any chance
of getting more theme styles down the road for this plugin or
matching styles for the other ones???)
Changing the open or closed state of the panels - it was so
simple!!! I simply went into the modify option and chose the number
that corresponded to my different panels in the menu list. My buddy
used an expression about DW CS3 that fits nicely with using tools
like PVII Accordion Magic. You can use a screwdriver with some
precision and a lot of hand strength to build what you want but it
will take you alot of time...or you can plugin a power drill and be
done with it!
To see it in action on my current work in progress go to:
http://www.dvdflashbacks.com/williamsburghealth/index.php
As for sstringer's original question - how to do this in DW's
Spry widget...
I think you are onto the right track with the -1 setting. If
I am not mistaken though, Spry uses 0 for the first panel, so I
think you would need to use an option like {defaultTab: 1} to open
the 2nd panel and so on.
PS - Just so everyone knows - I am not a sales person for
PVII - just a very satisfied customer!

Problem with accordion widget flashing open and shut when page loads

why is it that my accordion widget flashes open and shut when the page is loading (see http://vincentballmusewebsite2013test.businesscatalyst.com/digital-illustration.html#.UVDr Ehx7JyII) have tried everything to solve this, and Adobes customer service is terrible they don't get back to you when they say they will.
Please help me someone,
Thanks

Thank you Zak for your help, I spent 5 hours going round in circles trying to fix that problem and that's all I needed to hear, a bit of honesty and integrity.and yes, Adobes terrible customer service has still not got back to after promising 2 level technical support to contact me last Monday, I wish there'd keep their promise
Pamela, did you try my test website or my own website and if so my own has now no accordion widget on it and my test website may need you to try loading a few times to see if it really works or not, sometimes it does actually work even on a pc but most times not.
thanks for you help too.

Open an accordion widget in the closed state?

I have searched the forums but have yet to find a resolution
for this issue. I am using an accordion widget and would like for
all of my panels to appear closed when the page initially loads.
Only once the user has clicked the tab do I want the panels to
open. Any suggestions that do not require me to buy a separate plug
in? Thanks.

This is directly from the Adobe documentation:
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#AllPanelsCl osed
However, one thing to keep in mind is that this is assuming
that you are using the 1.6.1 update (as that is what the references
refer to). If you have never updated your Spry this would be a good
opportunity to do so. The below is the to the official Spry
homepage. There you will find the update package which includes
some samples and an Extension. Install the extension and restart
DW. Then under the Sites menu you will see a new option to update
Spry. Run that script and your Spry will be updated. Also on that
homepage is a link to the official Spry forums:
http://labs.adobe.com/technologies/spry/home.html

Is there a way to force a user to view all of Accordion Widget?

Is there a way to force a user to read, or at least view,
all sections of the Accordion Widget? We want to make sure the learner reads
all of the material before advancing to the next slide. Is there a way to do
this? I have searched all over, but I have been unable to find.

No way. This is a static learning interaction, no event that could be used eventually. Personally I prefer offering reading material that is engaging over looking for a way to push the learner to look (reading doesn't mean he understands or grabs it) at all the stuff. But that is my teacher's past, if student doesn't read your stuff, something is wrong with the stuff, not with the student.
If you have to force, you'll have to find another way than the accordion interaction .

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.

Accordion Widget is moving my footer!

Similar Messages

Maybe you are looking for