All panels open in Accordion

Hello there fellow Spryers,
I'm trying to use the Accordion widget. I'm building its divs
dynamically and they display fine in Firefox. But when i switch to
IE6 , all panels are open and it doesnt work correctly. I have
placed the accordion widget inside a td from a table.
Is there a solution to this problem? If anyone needs the code
i can provide it.
Thanks in advance,
Kostas Lagos

"PorcupineRabbit" <[email protected]> wrote
in message
news:f1cmum$ghg$[email protected]..
> I just found a temporary solution to this. Accordion
widget doesnt seem to
> like the xml definition, on the top of the
document..when i remove the
> <?xml
> version="1.0" ?> declaration everything works
fine..Is there a way to
> compromise this?
Looks like your browser went into QuirksRenderingMode. See
here for more
details:
http://css-discuss.incutio.com/?page=RenderingMode
Hope it would help
Massimo Foti, web-programmer for hire
Tools for ColdFusion and Dreamweaver developers:
http://www.massimocorner.com

Similar Messages

How can I make the spry accordion remember the panel open when I refresh the page or jump to a new page?

How can I make the spry accordion remember the panel open
when I refresh the page or jump to a new page?
I am using the accordion feature on all my pages as a
navigation aid. It has three panels. When you refresh the page the
panel goes back to the default pane... Is there a way of
controlling this so that the browser can remember the pane that is
open (say set a variable, cookie, other?)

Look for "Set the default open panel" on the following page:
http://labs.adobe.com/technologies/spry/articles/accordion_overview/index.html
Keep in mind you would need to change that bit of code on
every page. The only way to do it more dynamically would be to
include a custom javascript or PHP/ASP style script in order to
change the value.

How to make no panels on Spry accordion open by default?

I have a Spry Accordion with several panels. I want the default behavior for none of the panels to be opened until one is clicked. Currently the default behavior is for the first panel to be automatically expanded when the page is first visited. How do I correct this?

It's here:
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html
Under the sub heading "starting with all panels closed".
<script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("Acc1", { useFixedPanelHeights: false, defaultPanel: -1 });
</script>
Martin

Accordion Spry default all panels closed

How do I setup the Accordion Spry to have all panels closed
when my page initially loads? I don't want any of the panels to be
set as the default opened panel and for the browser to select the
panel they want open first.

I have installed Spry 1.6.1.
Here is my code:
var Accordion1 = new Spry.Widget.Accordion("Accordion1",{
defaultpanel: -1 });
Still opens the first panel upon loading my page with the
Accordion spry. There must be something else to be
configured?

Accordion all panels closed and SpryURLUtils

http://www.adelantedesign.co.uk/websites/adelante/Packaging/Packaging_Samples01.asp?panel= 0#Accordion1
The above does not open panel 0, change it to panel=1 or
panel=2 etc opens fine.
I am using this to keep all panel closed:
var Accordion1 = new Spry.Widget.Accordion("Accordion1",
{useFixedPanelHeights: false, defaultPanel:(params.panel ?
params.panel : -1)});
I've read a few posts but not seen a solution. Any ideas.
Rich

Can I use this same method to jump to another pages'
Collapsible panel, versus accordian panels, or tabbed panels ( i
asssume I can use the following, added on the first collapsible
panel contructor on the target page (or do I have to add it to all
my contructors including creating a default params for the html
panels, also existing on the same page as the collapsible panels):
var cp1 = new
Spry.Widget.CollapsiblePanel("cp1",{contentIsOpen:false,
CollapsiblePanel: params.Panel !=undefined ? params.Panel : -1});?
I want to jump to other pages' Collapsible panels' and then load
specifc HTML fragments in the SpryHTMLpanel, existing inside the
targeted collapsible panel. The link is coming from another pages,
SpryHTMLPanel, from inside a collapsible Panel. I have added the
appropriate <script> src and initalized the var params in the
head on the target page.

Prevent lower text from moving when accordion panels open

I tried out the Accordion Panel from Project Seven which is
really nice and works well. My only issue right now is that I would
like to prevent the rest of the text outside and below this widget
within the same column from moving. When any panel opens it causes
the contents of the entire column to shift down thus causing the
page to shift down as well.
I have tried using a new div for the content below the panels
and also a new table below but can't seem to figure out how to keep
the content from shifting. Curently I have a table cell nested and
have tried with CSS to keep it from moving but that is not working
either.
Thanks in advance for any help with this.
Here is the code for the column in question:

no takers on this one? Does anyone know how I could fix this
with divs? Is it possible to put this accordion into a separate div
and create another below it that would not move? Like on the new
apple site...They have some really awesome accordion style navs on
the sides that do not throw the rest of the page off when they open
or close.
Thanks.

Keeping at Least One Accordion Panel Open with Variable Heights

Hi -
Is there a way to keep at least one panel open when using {
useFixedPanelHeights: false }?
Here's an example:
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#VariablePan elHeights
If panel 4 is open, and you click the panel 4 heading, it
closes and no
panel is open.
Thanks,
Rod

Sorry, I didn't read my full message regarding wanting only
one panel to open.
What I ended up doing was using a PHP conditional to display
a message if a certain variable was not passed in the URL. See my
post on the Friends of Ed forum. Scroll to the bottom for my
solution.
http://friendsofed.infopop.net/4/OpenTopic?a=tpc&s=989094322&f=5283032876&m=3461018571

Tweaking how accordion content panels opens

Referencing the accordion at www.Greensboro101.com.
I have an accordion of fixed height. The panels are not fixed height and open at varying heights based on content.
PROBLEM: When a panel tab near the bottom of the visible accorion is clicked, the tab remains staionary while the content panel opens downward, leaving the content panel partially hidden or completely hidden and requiring the user to scroll down in the accordion to see the conent.
DESIRED SOLUTION: I would like to make the tab and associated conent panel, when opened, slide up so that the tab panel is at the very top of the accordion. Is that possible?

Have a look here http://foundationphp.com/tutorials/spry_url_utils.php
Also have a look here where accordions have been used for the menu http://backyardfurniture.com.au/
Gramps

Try to keep accordion panel open when selected

Hello,
Could someone help me find the code to "keep the selected panel open" instead of having them closed on each pages.
There is 2 spry collapsed panels. Within the first one there is 1 Spry Accordion with 5 panels which need to stay open when selected.
You will find the site here : www.otaa.fr (but you may use Safari)
Here the codes:
<Head>
<script type="text/javascript" src="SpryAssets/SpryURLUtils.js"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript"> var params = Spry.Utils.getLocationParamsAsObject(); </script>
<style type="text/css">
</head>
<body>
<div id="CollapsiblePanel2" class="CollapsiblePanel">
          <div class="CollapsiblePanelTab" tabindex="0">PROJETS</a></div>
          <div class="CollapsiblePanelContent">
                <td><div id="Accordion1" class="Accordion">
                  <div class="AccordionPanel">
                    <div class="AccordionPanelTab">Logements</a></div>
                    <div class="AccordionPanelContent">
                        <tr>
                          <td height="21" align="left"><a href="html/Vignoles.html">Rue des Vignoles</a></td>
                      </tr>
                    </table>
            <div class="AccordionPanel">
                    <div class="AccordionPanelTab">Maisons</a></div>
                    <div class="AccordionPanelContent">
                        <tr>
                          <td align="left"><a href="html/Serrieres.html">Maison Serrières</a></td>
                      </tr>
                    </table>
               <div class="AccordionPanel">
                    <div class="AccordionPanelTab">Bureaux et Sièges Sociaux </a></div>
                    <div class="AccordionPanelContent">
                        <tr>
                          <td align="left"><a href="html/Tchad.html">Ambassade du Tchad</a></td>
                      </tr>
                    </table>
               <div class="AccordionPanel">
                    <div class="AccordionPanelTab">Aménagements Intérieurs</a></div>
                    <div class="AccordionPanelContent">
                        <tr>
                          <td align="left"><a href="html/Martin.html">Appartement Martin</a></td>
                      </tr>
                    </table>
               <div class="AccordionPanel">
                    <div class="AccordionPanelTab">Equipements</a></div>
                    <div class="AccordionPanelContent">
                        <tr>
                          <td align="left"><a href="html/Aquatonic.html">Centre Aquatique</a></td>
                      </tr>
                    </table>
< /body>
<script type="text/javascript">
var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", {contentIsOpen:false});
var CollapsiblePanel3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3");
var accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel:(params.panel?params.panel:-1)});
          </script>
Thanks for you help.

Forget about the tutorial by David Powers. There is an easier way to achieve what you want.
If I understand right, you want the about panel to be open when on the about page and the homw panel when you are on the home page. Simply set the default panel for each page as follows
For the Home page
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Home Page</title>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet">
<script src="SpryAssets/SpryAccordion.js"></script>
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Home</div>
    <div class="AccordionPanelContent"><a href="index.html">Home</a></div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">About</div>
    <div class="AccordionPanelContent"><a href="about.html">About Us</a></div>
</div>
</div>
<script>
var Accordion1 = new Spry.Widget.Accordion("Accordion1", {defaultPanel: 0});
</script>
</body>
</html>
and for the About page
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>About Us</title>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet">
<script src="SpryAssets/SpryAccordion.js"></script>
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Home</div>
    <div class="AccordionPanelContent"><a href="index.html">Home</a></div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">About</div>
    <div class="AccordionPanelContent"><a href="about.html">About Us</a></div>
</div>
</div>
<script>
var Accordion1 = new Spry.Widget.Accordion("Accordion1", {defaultPanel: 1});
</script>
</body>
</html>
Repeat this process for each of your pages.
Gramps

Multiple accoridon panels open at once.

I have a spry accordion which defaults to all panels being
closed upon page load. Currently when I click on one tab, it open,
and closes when another tab is selected. I need the tabs to
open/close only when the user clicks on that particular tab. I have
six panels and need to provide the option for all panels or be open
at once, or just one or two at a time. Is this possible?

This widget might be more to use for u in this case;
http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html

Spry panel - the first panel opens by default on entering the site

The first panel is open on default, I can close it, and access the others, but whenever i go there for the first time, its open. I want vistors to see the front page with all three panels closed. http://www.diocesanministriesfund.org
Also, not a big deal, but when you close one of the panels and return to the index page, it seems like the whole page gets stuck for a second and then renders.
Any help is appreciated, as always, Mary

Hi Mary
In this line near the bottom of your document you have
var SpryAccordion1 = new Spry.Widget.Accordion("SpryAccordion1", {useFixedPanelHeights:false, defaultPanel:0});
This is where you have told the accordion to open the first panel. If you want all panel closed then make the default panel a non-existing panel as in
var SpryAccordion1 = new Spry.Widget.Accordion("SpryAccordion1", {useFixedPanelHeights:false, defaultPanel:-1});
Gramps

How to make Spry Collapsible Panels open one at a time?

Hello,
I am using CS5 and want to use the spry collapsible panels. What I notice (and I think this wasn't the case in cs3) is that all panels can be open at the same time. I don't want that happen. I only want one panel to be open at a time. If someone clicks on a panel that is closed, I want the current panel to close and the one they clicked on to open. I don't want multiple panels to be opne at once. How can I do this? I am not a web developer by any means, so please be easy on me with code. I think in CS3 it used to work this way. Any help would be appreciated! Thank you in advance!

GRAMPS!! That's it!! It was the accordian panel I had used in the past!!!! Oh, thank you, I was driving myself crazy as to why it wasn't working the way I had remembered!!!!!!!! THANK YOU!!
I was told you would probably help me find the right answer by Hans-g!
Thanks again!

Default initial view that applies to all PDFs opened

Is it possible to set a default PDF initial view that applies to every pdf opened, regardless of the source of the pdf? Simply put, I want to have the initial view of EVERY pdf I open to be at 100% zoom and no bookmark panel. Obviously this can be done manually every time I open a pdf, which will then reopen with those settings. It seems logical that I should be able to set a default initial view that will apply to any pdf I open and not require me to manually set every one. I've tried every option noted in all the forums I have found, using prologue and epilogue, file>properties, edit>preferences, action wizard. It all boils down to this...I don't want to manually set anything. I want to open pdf documents in the initial view I prefer.

I have spend a great deal of time researching this exact question. What I have found is that essentially the answer is "no". I have come up with a workaround that isn't painless, but it gets the results I want without having to touch every pdf after it is opened.
I set up an Action in Acrobat that has the options I want (page and 100% with no bookmark panel open) and run it against pdfs in a specified directory. It sets all initial views for any pdf in the directory to what I want. The action can also be run against any directory or file, but for my purposes I find doing it in a sort of "batch" mode works best. To set the Action:
     1.     Open Acrobat (with no other pdfs open)
     2.     File >Action Wizard>Create New Action
     3.     On right panel set
                         Start with:     "Ask When Action is Started"
                         Save to:          "The Same Folder Selected at Start", check "Overwrite existing Files"
                                             (if you plan to run this action against a directory as I am)
     4.     From left panel
                         Select Document Processing>Set Open Options
     5.     In right panel click on "Options" for the step you just created and set the initial view you desire
     6.     Save
When you want to use the action you can access it from Acrobat opening window or any pdf file you currently have open.
Another alternative is to use Distiller with epilogue.ps or prologue.ps to append this initial view to any document created. As I don't create many pdfs, it didn't really help with what I wanted to do. .

X60: mechanical display panel open lock clip is little bit defective - I need tips ...

Hi all.
This is my first post. My name is Ciro and I live in Italy. I've purchased a beautiful used Thinkpad X60 in a local flea market and I am really thrilled about this tablet/pad/laptop. Now I would like to restore some small things. The fisrt one is the display panel open/lock clip ... look my video:
http://youtu.be/WZwAOABwNmc
What can I do to improve or solve this problem? ...or where can I find a spare part ?
Thanks a lot
Ciro
Solved!
Go to Solution.

You bet,
Here's your Hardware Maintenance Manual . Page 92 shows it. You only have to take off the bezel to change it out.
Dave
T430u, x301, x200T, x61T, x61, x32, x41T, x40, U160, ThinkPad Tablet 1838-22R, Z500 touch, Yoga Tab 2 Windows 8.1, Yoga Tablet 3 Pro
Did someone help you today? Press the star on the left to thank them with a Kudo!
If you find a post helpful and it answers your question, please mark it as an "Accepted Solution"!
If someone helped you today, pay it forward. Help Someone Else!
English Community Deutsche Community Comunidad en Español Русскоязычное Сообщество

How do I make all links open in a new window?

I have some RSS feeds on my website. If you click one of their headlines it takes you to that source to read the story. Is there a way to make all hyper links on a webpage open in a new window? If not, is there a way to make the individual links open in a new window? The website is http://www.businessfixer.net/articles

Mark,
Target: e.g. <a href=”#” target=”_blank”> is deprecated (outdated) code. Strict doc types will not pass validation.
OP,
Most people know how to use their browsers BACK button to return to a site. Or better yet, right click on links to open them inside new tabs or windows. This should almost always be a user's decision and not a web designer's decision.
If you have all links open in new windows/tabs, In no time at all, user's browser will be stuffed with them which is ugly and can diminish browser performance.
If you need to open a new window on SELECT links, use the Behaviors Panel, press the Plus sign (+) and select Open Browser Window. Repeat this for all links you want opened in new windows.
For further details see the following tutorial -
http://cbtcafe.com/dreamweaver/popup_image/index.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

All panels open in Accordion

Similar Messages

Maybe you are looking for