Accordion Issue

Hi,
I have constructed a nav using 3 accordions. To test the code
I constructed a new page with only the nav on it.
Example at:
http://www.flowerssameday.co.uk/accordian.asp
Everything works fine in both IE and Firefox.
But when I integrate the code into the current site I get a
problem. When the page loads in IE all of the accordion panel
content is shown (just like it would if Javascript was turned off).
But it still works fine in Firefox!
Example at:
http://www.flowerssameday.co.uk/birthday______.asp
Can anyone suggest a solution?
Thanks,
Darren

Downloaded the latest SpryAccordion.js (1.6.1). This has
cured the problem of the accordion opening fully on page load,
however the animation is not fluid in IE, although it is when only
displaying the navigation page. Firefox still all ok.

Similar Messages

Spry Accordion issue in IE6/IE7

I'm having a problem with the Spry Accordion widget that I
placed on this page:
WireCare Customer
Support
It works flawlessly in Firefox, but the tab expansion is
erratic in IE 6 and IE7.
If anyone has a solution, I'd love to hear it.
Thanks in advance.
Ken
Edit to add:
I'm using CS3 with the version of Spry that installed with
the original software. I don't know if that's the latest version,
or if the new version has a fix for this problem. I'll upgrade to
the latest Spry version and hope that helps.
K
Edit 2:
I am using the latest version of Spry, so it may not be a
version issue.
K

Found the problem.
The solution was in a previous post on a similar subject.
I added a DOCTYPE declaration to the page, and it works much
smoother now. Not as nice as in Firefox, but acceptable.
Ken

Accordion issues in IE 6&7

I'm having an issue with the accordion where the items open
underneath the top panel in IE. The top panel stays open and the
subsequent panels reveal underneath. Everything works fine in
Safari and FF, but surprisingly IE isn't rendering the same.
http://www.fultonstreetdesign.com/clients/fsd08/
Thanks in advance! -Brett

Well, I answered my own question. I used the latest version
of the js file (1.6.1) and presto! However, in IE 5 & 6 there
is a bit of a lag until the first panel switches. I assume that
people using IE are used to seeing inferior content rendering, so I
am happy as long as they can read the page.

IE7 + DWCS3 + Spry Accordion = Issues

I'm using the Spry accordion feature in DW. The page is
displaying fine in FF2 on PC. In IE7 each section is expanded
fully. When I select any of the sections they contract rather than
expand. It's weird. I thought that maybe it was something that I
had done with my CSS. So, I replaced my CSS with the default CSS
and inserted a temporary accordion to test with. It had the same
effect. Does anyone know how to fix this? The link to the page to
view what's going on is
http://www.pappasdg.com/jose/NEWSITEPROJECTS/teamforceinc.com/teamforceinc.com/services.ht ml

I've figured out the problem for my issue. I had to insert
.AccordionPanelClosed {
overflow:hidden;
height:20px;
into my css. I would think that when DW creates the css file
it would automatically insert all the required css coding.

Spry Accordion Issue

Spry Accordion appears to snap shut to its default setting
the moment you use it to navigate to a linked page.
I want to keep the accordion open on the page that it
represents rather than having the user open up the accordion each
time they wish to navigate to the next page.
Can this be done - if of course I have explained myself well
enough which frankly i doubt!
Thanks in advance
Neil

Al Sparber- PVII wrote:
> "eclipsme" <[email protected]> wrote in message
> news:fcjsoh$3m1$[email protected]..
>> Al Sparber- PVII wrote:
>>> "skipiouk" <[email protected]>
wrote in message
>>> news:fciqsg$t8i$[email protected]..
>>>> Thanks Al
>>>> is there no way to do this inside CS3 or is
the purchase of piece of
>>>> software necessary?
>>>> Neil
>>>
>>> I don't know. We do not use Spry because it's
just not compatible
>>> with our approach towards markup, CSS, or
scripting. If you are a
>>> casual web developer and don't have a
professional budget, perhaps
>>> someone who is "into" Spry can help you hack a
solution.
>>>
>>>
>> See if this helps.
>>
>>
http://labs.adobe.com/technologies/spry/articles/accordion_overview/
>>
>> Harvey
>
> Hi Harvey,
>
> I don't need "help" understanding how Spry widgets work.
We have
> analyzed the code and methodology and it's just an
approach that we
> would never take, hence we have no interest in it.
Perhaps you meant
> your post to be in response to someone else and not me
>
>
Right, Al. Niel was asking the question. Your's wasn't the
only post.
Sorry if you got confused. The link provides information on
configuring
the widget. I thought this could be useful to Niel.
Harvey

Accordion Issue with IE7/XP: First tab is initially opened. Should be closed

I'm almost finished my navigation menu for a client and everything is looking good. Except in IE7, of course. In IE7, the first tab is opened a little and I'd like it to be closed completely. How do I solve this or is this just a Spry bug?
http://www.tendergreensfood.com/wp-content/themes/greens/test.html

Make the default panel -1 in the constructor (panel number -1, of course, does not exist, so no panel will be open at first):
<script type="text/javascript">
var acc8 = new Spry.Widget.Accordion("Accordion1", { defaultPanel: -1 });
</script>
Lovely site, by the way...
Beth

Spry Accordion Issues

Hello,
I am trying to get a very basic Spry Accordion to work on a website I am creating and just cannot seem to get the panels to work properly. They all stay open all the time. I would rather have only one open and then click on the others to see the content. Any suggestions are greatly appreciated. The website is HBHS Boy's Water Polo.
Thank you,

Lines 13 and 14 shows
<body id="boyspolo">
<body link="#000033" vlink="#F27817" alink="#000">
Get rid of the second body tag.
Line 79 shows
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1");
You do not have a collapsible panel, get ris of the line

Cfformgroup Accordion issue

Hi
Im using a cfformgroup type - accordion.
WHen the page loads, the 1st tab is opened.
By default i want them to all be closed.
selectedindex="0" doesnt work. it still keeps my 1st level
opened when the page loads
Please help me here. Its driving me nuts!
Regards
Delon

Hi TJ,
I looked over your code and I noticed that you made a lot of
major changes in CSS. If you take a look over the SpryAccordion.js
file you'll notice that we use the css classes from the css file to
build the widget behavior.
Your accordion mark-up structure appears to be broken and
doesn't respect the accordion structure standard.
Please look at an working accordion widget and then try to
create your own accordion widget customized as you wish.
We have in this page an documentation
paper
which describes how to create the widget.
Please let us know if you have other questions,
Diana

Accordion Issue with Spry 1.6

I have not been able to make the Accordion widget operate
consistently in IE 7. Occasionally it will not display all the
information within the Panel tab. An example, using IE7, can be
seen when repeatedly selecting California at
www.Qualite1.com/contactUs.html.
Need help!

Fixed -
It turns out that the table that was containing the accordion
widget had a background image attribute set and was causing the
animation in IE7 some problems. After changing it to use a css
class instead there have been no problems at all.

Accordion menu issues since update on Feb 26

Hello
I have been experiencing problems with my accordion menus since the update. I get 'warning: accordion might push down content' in the warnings panel.
Menus that previously pushed the footer down and when expanded and then when contracted moved the footer up now do not work they spill over past the footer. I have made sure the "overlap items below' is unchecked, I've cleared my browser cache, restarted the machine, deleted the existing accordions and replaced them with a new versions etc all to no avail.
My previous site archives created in previous version of muse are all working fine with the footer automatically moving as the accordion expands and collapses. now with this update it seems broken and just at the point where things were about to be taken live. I have looked at other accordion issues on the forum which seem to point to a bug.
Any help please?

Shiny_Sparkly, if you're on the Mac and the crashes bring up the Apple Crash Report dialog, the crashes are most likely caused by a bug introduced by the update to AIR 3.6 and not the update of Muse. They just happened to occur within a few days of each other. The AIR team is actively working on an update to address this bug. In the meantime, you can downgrade to AIR 3.5 by uninstalling AIR (using the uninstaller in Application/Utilities) and installing AIR 3.5 from here <http://download.macromedia.com/air/mac/download/3.5/AdobeAIR.dmg>. After installing, when you launch any AIR app (like Muse) it will ask you to update to AIR 3.6, click "Later".
If you're on Windows or the crash/error doesn't bring up the Apple Crash Report dialog, it would be helpful to have more details of the error/crash you're encountering. Thanks.

Spry accordion help...

uhm, so here it goes...
well as you can see i have spry accordion issue here...
it seems that some of the contents are having scroll bars and
some dont...
is there a way to eliminate this kind of thing?
here below is the html of my spry accordion that i used:

Anyway in your CSS file select this class
.AccordionPanelContent, erase the height property and change
overflow: auto; to overflow: hidden;
Your constructor function it’s at the bottom of your
HTML file and looks something like this:
<script type="text/javascript">

</script>
Change it to this:
<script type="text/javascript">

</script>
Best Regards :-)

Dynamic Accordion Children/Height Issue

Hello,
I am fairly new to flex, so this issue may actually be an easy fix, but please bare with me.
I have an accordion in my project that is being populated with child canvas containers based on the result of a mysql_query from AMFPHP. Due to space limitations the accordion MUST remain the exact same size no matter how many records come back from my query. My problem is that when too many accordion child containers are generated they overlap on top of each other.
Is there a way to turn a scrollbar on for the accordion? If not then is there a way to limit the number of child containers displayed inside the accordion and then control that with a VScrollbar?
Thanks,
Brian

Wrap the Accordion in a VBox and you should be all set.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
creationComplete="init();">
<mx:Script>
    <![CDATA[
      import mx.containers.VBox;
      private function init():void{
        for(var a:uint=0;a<100;a++){
          var vb:VBox = new VBox();
          vb.label = "MyVBox" + a;
          vb.width = 200;
          vb.height = 100;
          acc.addChild(vb);
    ]]>
</mx:Script>
<mx:HDividedBox width="100%" height="100%">
    <mx:VBox width="50%" height="100%"/>
    <mx:VDividedBox width="50%" height="100%">
      <mx:VBox width="100%" height="50%"/>
      <mx:VBox width="100%" height="50%">
        <mx:Accordion id="acc" width="100%" height="50%"/>
      </mx:VBox>
    </mx:VDividedBox>
</mx:HDividedBox>
</mx:Application>
If this post answers your question or helps, please mark it as such.
Greg Lafrance - Flex 2 and 3 ACE certified
www.ChikaraDev.com
Flex / AIR Development, Training, and Support Services

Accordion - Ajax within accordion panel resize issue

Hi,
I'm in a little bit of a fix.
I have an accordion whose panels have ajax enabled regions
within them.
The ajax enabled regions have search forms which give a
search result within the same page (which is basically within the
panel as well) once a button is clicked.
My issue is that once I click search, my result set increases
the size of the page causing the accodion panel to enable a scroll
bar. Is there some way in which I can have spry resize the panel
instead of it enabling a scroll bar?
If I open and close the tab ofcourse, the region is resized
to cater to the search results as well with no scroll bar.
Incase this is not possible, is there a way to reopen the
selected panel on a page refresh event as all the tabs are closed
when a refresh occurs.
Thanks!
When the accordion opens up, it shows

Hi kundalani,
If you are using Spry.Utils.updateContent() to load the
contents of the panel, you can pass in a callback that sets the
height of the AccordionPanelContent to "auto" after the new content
has loaded:
function LoadContent(ele, url)
ele = Spry.$(ele);
Spry.Utils.updateContent(ele, url, function() {
ele.style.height = "auto"; });
<a href="#" onclick="LoadContent('e1p2',
'../../data/frag1.html'); return false;">Frag 1</a> |
<a href="#" onclick="LoadContent('e1p2',
'../../data/frag2.html'); return false;">Frag
2</a></p>
<p> </p>
<div id="example1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Panel 1
</div>
<div id="e1p1" class="AccordionPanelContent">
<p>Panel 1</p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Panel 2
</div>
<div id="e1p2" class="AccordionPanelContent">
<p>Panel 2</p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Panel 3
</div>
<div id="e1p3" class="AccordionPanelContent">
<p>Panel 3</p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Panel 4
</div>
<div id="e1p4" class="AccordionPanelContent">
<p>Panel 4</p>
</div>
</div>
</div>
<script type="text/javascript">
var example1 = new Spry.Widget.Accordion("example1", {
useFixedPanelHeights: false });
</script>
--== Kin ==--

Spry Accordion Jerky/Jumping movement Issues in IE

I am having a difficult time trying to debug the accordion in IE. You can see the accordion here in IE I am having two issues.
1. When at the top of the site and clicking on a tab to open it jumps down the page as if it were an anchor point, and I find this very annoying.
2. The movement below the tab clicked is jumping around and this also is incredibly annoying to me, its more subtle than the above issue but it still bothers me. I am having this issue in GC as well.
I have searched quite a few forums and have not found a solution for this but this must be a fairly common issue? I am not that familaur with spry yet this is my first real project using it so my knowledge is very limited to this point. This dose work perfect in FF.
Thanks in advance,

I will put together a gutted version of this and send it over if you have the time that would be fantastic. Making a gutted version may be the best thing at this point so I can slowly add stuff back and see what causes the problem. If i cant fix it by doing that I will zip and send the files.
Date: Tue, 27 Oct 2009 15:23:40 -0600
From: [email protected]
To: [email protected]
Subject: Spry Accordion Jerky/Jumping movement Issues in IE
Can you provide me with files where I can reproduce your issue with
out any other scripts on the site? This gives me a better debugging
area. If you do not feel comfy with posting it online. You can e-mail
it to mailto:[email protected]
>

SPRY accordion widget IE8 ONLY issue

hello everybody,
i noticed a strange "jumpy" behavior while using the spry accordion widget -- this affects IE8 only (currently using 8.0.6001.18882 on vista), other browsers (including IE7 and IE8 forced into IE7 mode) work as expected. this issue seems to be related to the margin property of the accordion container...
not shure whether this behavior is related to IE rendering or the spry javascript code itself... anyway i made NO changes to the spry script (my version is 0.15, 1.6.1, which i believe to be most recent one).
the xhtml (strict) and css are perfectly valid (there might be some MINOR css hacks which are not related to the accordion itself). i do NOT use ANY padding on the inner container of the accordion (which would definetely make the spry js count the tween in odd way). the accordions (especially the main menu on the left) are little more complex, but they were built according to the spry widget document, found on the adobe spry website.
so, here it is -- check the accordion on the left side (the bug seems to happen almost always while opening/closing the last BLUE "section" of the accordion, please play with the accordion for a while to reproduce it -- while the accordion closes, it "loses" it's bottom margin (i guess), what's even more wierd, everything gets back to place after you move a mouse):
http://www.prazskematky.cz/home.php
PLEASE NOTICE: since the website is still under development and i'm using a IE meta tag to force it into IE7 rendering, to reproduce this behavior please be shure to switch IE engine to IE8 standards mode
well, we all now how IE handles css... so it's propably an IE bug -- anyway if you have encountered a similar issue of even better found a fix, please let know. (i don't consider a fix switching to another js library, i would like to use the spry, because of it's DW integration)
many thanks,
p.s.

ross m. greenberg wrote:
> Now however the entire .gif is not appearing in the
accordion panel is expanded. I insert the graphic using a standard
"menu insert/graphic/browse and select"
>
> the graphic file is not showing up properly on such an
insert...
Are you referring to what it looks like in Design view? If
so, that's
correct. Accordion panels have a fixed height. From memory, I
think it's
200px. However, if you test the page in a browser, you should
see a
scrollbar automatically generated on panels that have content
that
exceeds the height of the panel.
If you want flexible-height panels in the accordion, you need
to adjust
both the CSS and the script that initializes the accordion. I
have
covered all the details in my "Essential Guide to Dreamweaver
CS3" (and
the forthcoming CS4 edition). You can probably find online
tutorials as
well. Try a Google search for Spry flexible height accordion.
The accordion widget has been around since CS3, and it hasn't
changed in
CS4, so a Google search should bring up a lot of information.
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

Accordion Issue

Similar Messages

Maybe you are looking for