Accordion opening panel

I inserted an accordion with two panels. Panel 1 - and Panel
2 is at the bottom. When I click on Panel 2, it opens Panel 1 to
full view. and when I click on Panel 1, it opens Panel 2 to full
view. How do I fix it so if I click on panel 2, panel 2 opens to
full view and if I click on panel 1, panel 1 opens to full
view?

Well I cannot post it to production on the website, it is
only in my testing stage area. Can I attach the .htm document -
.css and .js files somewhere or e-mail them?
When the page loads there are two panels, panel 1 shows with
a scrollbar, and panel 2 shows under that - which panel 2 displays
the entire panel. When I click on panel 1, it doesn't show the
entire panel for panel1, it just stays there with the scroll bar. i
want to be able to click on Panel 1 and then it show the entire
panel for panel 1 and then panel 2 will be shortened with the
scroll bar and vise versa.

Similar Messages

Spry accordion open panel

Hello,
is there a way, that if I have a page without the accordion, and I click on that page a link, that link goes to the accordion panel page, and when it goes, specifically opens one of the pannels.
THank you

Yes. But you need the SpryURLUtils.js files. And you won't find them on Adobe Labs anymore because Adobe abandoned Spry last year. The files have been moved to GitHub.
Tutorial:
http://foundationphp.com/tutorials/spry_url_utils.php
Spry Files:
Adobe GitHub account
Nancy O.

Page does not "focus" on open Panel in Accordion

Hello Everyone,
This is my first attempt at using AJAX/Spry so "be gentle".
I've built a rather long accordion to hold a large list of links.
If you click on the panel tabs at the lower part of the accordion, the panels open, however the page "moves up" to to display the first panel tab (which is closed), forcing the user to then scroll down to find the open panel.
Is this normal.
Thanks!
Here's the link to the page:
http://www.airee.org/pages/useful_linksCopy.html

Thanks for the compliment. I'm struggling to learn design and your compliment is a great boost!
If you scroll to the bottom of the accordion, and click on "Projectors" (last tab) the page magically moves its self up so that "Education Related" (first tab) appears at the top of the screen. In doing so, the screen can not display "Projectors" tab (which is now open) forcing the user to scroll down to find it.
It's almost as if the "Projectors" (last tab) needs to push the tabs above it up so that the panel can display but instead of pushing the other panels up it simply opens and the some how takes you to the top of the accordion.
_____adendum_____
AHHH HA!!! I think I've narrowed it down. I tested the page in Safari 5.0.3 and FF 5.0 and it works just fine (other than an ungly blue border appearing in Safari, get to that later)
But in IE8,8comp,and 7 I get the bug. Stupid 'ol IE! rrrrrr
So any ideas out there?

Find a way to set Accordion open multi panel at the same time!

Now, I can set all the panel close by default !
But my client want when some panel has open , then he click
on the other panel, it doesn't make the pervious open panel closed,
until you click on it !
Does someone can help me?

Hi,
you can use Collapsible Panel Group widget to achieve this
behavior.
Please take a look over this
sample
page.
Diana

Accordion opens in the wrong direction

I'm trying to make a full scren site. I have found that if I want certain items to stay in place when the browser is expanded to full screen, I need to pin them.
I'd like to use an accordion to contain my menu, but when I place it correctly in the design panel, it loses it's position when previewing. A pin in the lower left corner fixes this. The accordion is where it should be and stays in position when resizing the browser window. Only problem is, the accordion opens upward instead of downward. If I unpin it, it works correctly but loses position. If I choose one of the other pins, it opens correctly but still loses it's position. Seems like I'm missing something simple here, but I just don't understand what's causing this. Any ideas?

First, publish your site to a folder on the desktop and launch it in your browser by double clicking the index.html file to see if it works OK.
If it is OK then you have a publishing problem.
If it isn't then the problem is in iWeb.
Make sure you use a good FTP application to upload your files and not the one supplied by your hosting company.
For more on FTP see Tom Gewecke's page ....
http://homepage.mac.com/thgewecke/iwebserver.html
and....
http://iwebfaq.org/site/iWebFolderFTP.html

Spry accordion default panel

I want to set pages of a website so certain panels are
already open as the default tab when a visitor selects the page.
I have pasted this text after the existing script at the end
of my document:
<script type="text/javascript">
var acc8 = new Spry.Widget.Accordion("Accordion1", {
defaultPanel: 2 });
</script>
Which ought to open panel 3 when the page loads but is
doesn't open ANY panels! all it does is indicate the tab as
'selected' If I change the defaultPanel: to read 0 it correctly
opens the top panel, but refuses to work for any other panels.
Here is the site where the script should work:
http://www.copenhagencandles.co.uk/new/
Clicking on any of the links in the accordian takes you to
the correct page, but each time the accordian displays
closed!

This is the URL
/est_help.htm?tab=2&acc3=2
and this is the markup
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet">
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet">
<script src="SpryAssets/SpryTabbedPanels.js"></script>
<script src="SpryAssets/SpryAccordion.js"></script>
<script src="SpryAssets/SpryURLUtils.js"></script>
<script> var params = Spry.Utils.getLocationParamsAsObject(); </script>
</head>
<body>
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0">Tab 1</li>
    <li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
    <li class="TabbedPanelsTab" tabindex="0">Tab 3</li>
</ul>
<div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">
        <div id="Accordion1" class="Accordion" tabindex="0">
          <div class="AccordionPanel">
            <div class="AccordionPanelTab">Label 1.1</div>
            <div class="AccordionPanelContent">Content 1.1</div>
          </div>
          <div class="AccordionPanel">
            <div class="AccordionPanelTab">Label 1.2</div>
            <div class="AccordionPanelContent">Content 1.2</div>
          </div>
        </div>
    </div>
    <div class="TabbedPanelsContent">
        <div id="Accordion2" class="Accordion" tabindex="0">
          <div class="AccordionPanel">
            <div class="AccordionPanelTab">Label 2.1</div>
            <div class="AccordionPanelContent">Content 2.1</div>
          </div>
          <div class="AccordionPanel">
            <div class="AccordionPanelTab">Label 2.2</div>
            <div class="AccordionPanelContent">Content 2.2</div>
          </div>
        </div>
    </div>
    <div class="TabbedPanelsContent">
        <div id="Accordion3" class="Accordion" tabindex="0">
          <div class="AccordionPanel">
            <div class="AccordionPanelTab">Label 3.1</div>
            <div class="AccordionPanelContent">Content 3.1</div>
          </div>
          <div class="AccordionPanel">
            <div class="AccordionPanelTab">Label 3.2</div>
            <div class="AccordionPanelContent">Content 3.2</div>
          </div>
          <div class="AccordionPanel">
            <div class="AccordionPanelTab">Label 3.3</div>
            <div class="AccordionPanelContent">Content 3.3</div>
          </div>
        </div>
    </div>
</div>
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab: params.tab ? params.tab : 0});
var Accordion1 = new Spry.Widget.Accordion("Accordion1", {defaultPanel: params.acc1 ? params.acc1: 0});
var Accordion2 = new Spry.Widget.Accordion("Accordion2", {defaultPanel: params.acc2 ? params.acc2: 0});
var Accordion3 = new Spry.Widget.Accordion("Accordion3", {defaultPanel: params.acc3 ? params.acc3: 0});
</script>
</body>
</html>

Combining image and text in accordion content panel

Hello,
I'm having difficulty displaying image and text together within an accordion content panel. What I need is a thumbnail photo of a staff member plus a short bio. I've put a panel together so it displays as needed in Live View, but not in IE8, Foxfire8, or Chrome. I'm using Dreamweaver 5.5, Spry 1.6.1, Windows 7.
Here's the code for the panel that includes an image not displaying:
<div class="AccordionPanel">
<div class="AccordionPanelTab">Stan Swiercz, Training Manager</div>
<div class="AccordionPanelContent">
<div class = "PanelImage"> <img src="/images/StanSwiercz.jpg"/></div>
Bio text goes here</div>
</div>
Here's a link to a test page (ignore funky color variations, still settling those). The panel that is set to open should display an image floating left with text wrapping, as it does in Live View.
http://cet-training.org/Test%20folder/people.html
I''ve double-checked documentation, help, and done searches, but can't find any information about what should be an easy thing to do. Any help out there?
Thank you very much,
George

The location of the image is http://cet-training.org/Test%20folder/images/StanSwiercz.jpg (click the link to see the image)
This is the markup from your document <img src="/images/StanSwiercz.jpg"/> which means that the image is located in the images folder which is located in the root directory.
Hence the image cannot be found by your document.
The following are possible solutions, please choose one only
change the location of the images folder to reside in the root directory
delete the leading slash from the link as in <img src="images/StanSwiercz.jpg"/>
change the link to an absolute value as in <img src="http://cet-training.org/Test%20folder/images/StanSwiercz.jpg"/>
Gramps

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.

Displaying the title of the open panel when attached to a window...?

This is probably a really obvious question... but when displaying the open panel as a panel/sheet attached to another window - is there a way to display the panel's title, or some other way to prompt the user?
For example, I have a preferences window that the user can click a variety of controls, several of which display the open panel... I'd like some way to remind the user which path to select (eg. "Select the path for BLAH").
One way around it is to temporarily set the title of the window the open panel is attaching to, but I have several windows, and the panel may attach to any one of them... I'd rather not test for each possibility (because, for example, the nib for that window might not be loaded yet, etc.).
Any ideas?

Wow, I should probably get some sleep...
The answer is obvious... after all, I need to know which window to attach the panel to.

Opening Panel - Change colour and or contrast.

How can I change the contrast and.or colour s on the front Panel to make it easier to see the various menus. I have recently started to loose some of my sight and the opening Panel is now difficult to read / work through.
Is it possible to show the various editing options etc. as white on black rather than white on grey ?

If there is any way (and I don't know that there is), it would be via Jeffrey Friedl's online Lr configurator:
http://regex.info/blog/2007-03-13/395
You may at least be able to bump the font size..

Where's the "Open Panel Vi"?

Hi,
I am looking for the �Open Panel Vi', which I found described in
Help->Online Reference.
I know that it existed in Labview 4.1, but after upgrading to 5.0 I
can't find it anymore. So, can anybody tell me where it is located.
Is there anybody who did �window handling' under LabView, like moving,
resizing, positioning, opening, closing, ... them? If so, I am
interested if you are using only all the vis which come with labview or
do you use a special (smart) vi library, which could be found at
(->please send me that address).
Bye,
Sent via Deja.com http://www.deja.com/
Share what you know. Learn what you don't.

> I am looking for the �Open Panel Vi', which I found described in
> Help->Online Reference.
> I know that it existed in Labview 4.1, but after upgrading to 5.0 I
> can't find it anymore. So, can anybody tell me where it is located.
> Is there anybody who did �window handling' under LabView, like moving,
> resizing, positioning, opening, closing, ... them? If so, I am
> interested if you are using only all the vis which come with labview or
> do you use a special (smart) vi library, which could be found at
> (->please send me that address).
>
The VI still exists, though it is there for compatibility, so that
older applications will still work. The new and improved way to
get at that functionality and lots more is the VI Server. You
will need to go to the Application
palette, the one with the LV
icon on top of a hand. Inside there you will find icons for getting
access to a VI's reference, wire that to a property node and select
Panel Window.Open. Wire True to open the window and False to close it.
As I said, there are lots of other properties, probably 20X what there
used to be; so things are now packaged differently. You will probably
also want to read a bit of the user manual and perhaps look at some of
the examples that deal with the server.
Greg McKaskle

Where are the VI's:'Close Panel & Open Panel?

Hi everybody again!
Well my problem now is that if I want to call a panel from another panel,
this first panel must be closed, because if it isn't closed thr progam doesn't
run.
I know how I have to call another VI, but the problem is that if the VI has
been opened before, you can't open a VI twice, so I should close the Vi before
calling another VI.
I have seen the help and exist two VI's called 'Close Panel' and 'Open Panel',
but I haven't found them yet!
Is there any helpful suggestion for me?
Thanks too much for your answers.

Hi Carlos
Open Panel and Close Panel are in the library
\labVIEW\Vi.lib\Utility\victl.llb
They were in the standard pallet before LV 5, they are still there for backward compatibility. The new VIServer functionality in
LV 5.x does the same and more and so replaced them.
Also note Open Panel and Close Panel are now constructed using VIServer functions, where before they were dll or cin calls.
Tim
Carlos Jorge wrote:
> Hi everybody again!
>
> Well my problem now is that if I want to call a panel from another panel,
> this first panel must be closed, because if it isn't closed thr progam doesn't
> run.
>
> I know how I have to call another VI, but the problem is that if the VI has
> been opened before, you can't open a VI twice, so I should close the Vi
before
> calling another VI.
>
> I have seen the help and exist two VI's called 'Close Panel' and 'Open Panel',
> but I haven't found them yet!
>
> Is there any helpful suggestion for me?
>
> Thanks too much for your answers.

[Accordion] Open and Close Panel

http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html
They look at the example "Starting with All Panels Closed",
double click in
"Panel 1" (open/close).
How to make this?
I have Spry 1.5 (DW_CS3), my code is identical to the
example, but it does
not close.

By yes you mean that you copied the files or that you have an
URL? :)
Could you please make sure that you don't have a browser/web
server/proxy server cache problem? Try to open in the browser the
JavaScript directly and on top you should see the Spry pre-release
version 1.5. This behavior of the accordion didn't exists in Spry
1.4 and when the -1 option was used an JavaScript error message
appeared.
We need to see a link to the page to see why the page is not
working because we don't know to duplicate this issue localy. If
the information on the page is more sensitive you can contact
either Kin or me using the private messages from the forum.
Cristian

Accordion content panels open on IE

I am using Spry 1.6.1. The Accordion works as advertised on Safari and Firefox. On IE all content panels are open. Clicking on them has no effect. A height value is specified in .AccordionPanelContent:
.AccordionPanelContent {
overflow: auto;
margin: 0px;
padding: 0px;
height: 200px;
background-color: #FFFFCC;
In trying to make this work I have added arguments to the Accordion object constructor call as well:
var rssAccordion = new Spry.Widget.Accordion("rssAccordion",
{useFixedPanelHeights: true, enableAnimation: true, defaultPanel: 0});
I would appreciate any help.
Alan

I have the same problem but I, as far as I can tell, do not have any fatal errors (like open tags) anywhere.
http://www.radioimaging101.com
If ANYONE sees why IE is doing this please let me know... I have tested in Chrome (which I hear behaves a lot like Safari) and in Firefox... they both display it perfectly. I'm using IE 8, btw.
Please help!! Gracias!

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 opening panel

Similar Messages

Maybe you are looking for