Accordian default panel
I'm using a Spry Accordian in Dreamweaver CS5 and cannot get the a default panel to work properly. No matter what I do it just doesn't work and always displays the first panel as open. I'm following the instructions here:
http://labs.adobe.com/technologies/spry/articles/accordion_overview/
Here is a page in development:
http://startreksoundtracks.com.s134653.gridserver.com/tng/tng-lala-1.html
I've made some progress by moving the script into the body, which results in all panels closed. This is better than always having the top panel open, but still not the behavior I want. In the above example the "Star Trek: The Next Generation" panel (panel 1) should be open, but it is not.
In IE9 the panel opens for a fraction of a second and then collpases. I don't see this behavior in other browsers.
Similar Messages
-
Accordian Set Default Panel Issues
I have a default panel that I am setting in my pages and when
I set default panel to 0 then it opens the first one, but now when
I try to set default panel to 1 it won't open the second one.
http://208.112.121.107/company/mission-statement.asp
(This has the default panel set = 0, Works!)
http://208.112.121.107/company/management-team.asp
(This has the default panel set = 1, doesn't work)
Any help would be appreciated.
Thanks!Nevermind I figured it out!
-
Why default panel in Spry Accordeon doesnt work ?
The solution do the default panel when a new page is loaded seems to be:
<script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("Acc1", { defaultPanel: x });
</script>
(x=number of the panel minus 1)
This is written in many tutorials.
But i've tried and only works with default panel 0. When i try with
number 2 for instance, the head/tab is marked but doesnt expand.
Anyone knows what's wrong ?I don't see any defaultPanel options in your constructor..
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
//-->
</script>
Should be:
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1", {defaultPanel:2});
//-->
</script>
Keep in mind that default panels are zero based, so panel 1 is actually panel 0. -
How to hide the default panels of a dreamweaver spry tabbed panel?
i put several spry tabbed panels in the same page (one widget inside the other). the problem is that when the page loads all of the default panels (4 in total) appear for about 6 seconds and then they collapse into the main pannel. how do i fix this?
you can see this problem in this page:
http://www.eye-dealswing.com/Parents/WhereToStay/index1.html
do i need to add something in this section?
<script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1"…
//-->
</script>
<script type="text/javascript">
<!--
var TabbedPanels3 = new Spry.Widget.TabbedPanels("TabbedPanels3"…
//-->
</script>
<script type="text/javascript">
<!--
var TabbedPanels2 = new Spry.Widget.TabbedPanels("TabbedPanels2"…
//-->
</script>
<script type="text/javascript">
<!--
//-->
</script>
<script type="text/javascript">
<!--
var TabbedPanels4 = new Spry.Widget.TabbedPanels("TabbedPanels4"…
//-->
</script>
thank you
Alejandraim sorry, i dont understand what you mean. i am using the tabbed panels spry and not the accordion. i am just a rookie with html coding. can you please explain me what do i need to do?
thank you very much
Alejandra -
I have created a new panel called abc_panel which contains only the Last Name, First Name, Company Name, and Mail. I set the Attribute Access policies to Read/Modify for
anyone/self at the dc=company, dc=com level. When I go to the "My
Profile" page in view mode and select my new Panel, I can see the attributes to which I have read access. When I click the Modify button, the page is redisplayed with the
appropriate buttons (Save, Cancel, etc), but the attributes are not displayed.
Niether the field label or the fields themselves are displayed.
I assume that there is some configuration that I have not done yet which allows me to modify attributes in a panel that is not the Default Panel. By the way, all the
attributes are viewable and editable in the Default Panel regardelss of the
Attribute Access settings.
Any ideas?I have created a new panel called abc_panel which contains only the Last Name, First Name, Company Name, and Mail. I set the Attribute Access policies to Read/Modify for
anyone/self at the dc=company, dc=com level. When I go to the "My
Profile" page in view mode and select my new Panel, I can see the attributes to which I have read access. When I click the Modify button, the page is redisplayed with the
appropriate buttons (Save, Cancel, etc), but the attributes are not displayed.
Niether the field label or the fields themselves are displayed.
I assume that there is some configuration that I have not done yet which allows me to modify attributes in a panel that is not the Default Panel. By the way, all the
attributes are viewable and editable in the Default Panel regardelss of the
Attribute Access settings.
Any ideas? -
Accordion Default Panel Based on Date
I created an accordion panel with a Spry dataset consisting of elements relating to an event schedule. By default, I have all content panels closed, but I would like to set the default content panel based on an event's date.
So, if the first event is on September 7, I would like the content panel open for the September 7 event (through the end of that day). On September 8th, I would like the next event's content panel open through that date and so on.
It looks like I'll need to set a javascript date conditional, then loop through the dataset with "addObserver" and have it set the default panel through scripting in the widget javascript.
Anyone have specific insight on how to accomplish this?
Much Thanks,
Colin
Here's my basic code:
<div style="width:622px" id="Acc1" class="Accordion" tabindex="0">
<div spry:repeat="ds1" class="AccordionPanel">
<div class="AccordionPanelTab" >
<div class="rowsched" spry:even="schedeven" spry:odd="schedodd" spry:hover="schedhover">
<ul style="display:inline;padding-left:4px">
<li class="rositem" style="left:13px"><span spry:content="{Date}"></span></li>
<li class="rositem" style="left:155px"><span spry:content="{Opponent}"></span></div> </li>
<li class="rositem" style="left:310px"><span spry:content="{Location}"></span></li>
<li class="rositem" style="left:455px"><span spry:content="{TV}"></span></li>
<li class="rositem" style="left:555px"><span spry:content="{Time}{result}"></span></li>
</ul>
</div>
</div>
<div class="AccordionPanelContent">
<div style="color:#000000"><img src="{icon}" alt="{Opponent}" width="100" height="67" /> Other content goes here</div>
</div>
</div>
<script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("Acc1", { useFixedPanelHeights: false, defaultPanel: -1 });
</script>You should be able to retrieve the value of other valueset using :$FLEX$.<valuesetname> I'm not sure about the exact syntax, it's been a while since i worked with applications.
-
Hello,
I have been trying to get the panels on the Spry Accordion to open while on the corresponding pages. I have tried setting the default panel to the corresponding panel number, but that does not work. Right now I have all of the panels set to -1 so they are all closed initiall. The only one I get to stay open is when I set it to 0, then my first panel will stay open, but if I try 1, 2, 3, etc. nothing happens.
I really appreciate any help with this, I am a student and this web portfolio is part of a requirement and I would love to get it so funtion properly.
Thank you,
Jessica
here is my url
http://jessicaallen.us/portfolio_2/index.html
Here is what I have in my Accordion CSS styles
@charset "UTF-8";
/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
.Accordion2 {
font-family:"Trebuchet MS", Geneva, Arial, helvetica, san-serif;
color:#666;
margin-left:0px;
margin-right:20px;
width:260px;
border:none;
overflow: hidden;
.AccordionPanel {
margin-left: 0px;
margin-right:20px;
margin-bottom:0px;
padding: 0px;
.AccordionPanelTab {
color:#666;
font-weight:bold;
font-size:14px;
line-height:18px;
background-color:transparent;
border:none;
margin-left: 10px;
margin-bottom:0px;
margin-right:-40px;
padding: 0px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
text-align:right;
.AccordionPanelContent {
font-size:12px;
line-height:14px;
color:#666;
overflow: auto;
margin: 5px -40px 5px 20px;
padding: 0px;
text-align:right;
.AccordionPanelContent p{
margin-top:0.5em;
margin-bottom:0.5em;
.AccordionPanelContent p a:visited{
color:#ff9a00;
.AccordionPanelOpen .AccordionPanelTab {
color:#f15922;
background-color: #fff;
.AccordionPanelOpen .AccordionPanelTabHover {
color: #f15922;
.AccordionFocused .AccordionPanelTab {
background-color: #fff;
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
background-color: #fff;Jessica,
First of all, I hate you. Perfect web page design, perfect colour co-ordination, perfect drawings not to mention perfect age. It makes this old codger wonder where he has gone wrong
Having gotten that off my chest, the problem is that you have two constructors for the same object as per
<script type="text/javascript">
<!--
var Accordion2 = new Spry.Widget.Accordion("Accordion2");
//-->
</script>
<script type="text/javascript">
var Accordion2 = new Spry.Widget.Accordion("Accordion2", { useFixedPanelHeights: false, defaultPanel: -1 });
</script>
Just get rid of the first one and apply the correct panel number, for example Fine Arts use
<script type="text/javascript">
var Accordion2 = new Spry.Widget.Accordion("Accordion2", { useFixedPanelHeights: false, defaultPanel: 6 });
</script>
Gramps -
Hi!
It seems, the Photoshop CS5 12.0.2 update sets the default panel's width to 10 px on Mac.
When I clean install the panel on new Photoshop it first opens like a thin line about 10 px width
and about 300px height. It looks very strange and some people cannot scale it back with ease.
(On Windows the 132px problem persists (bug #9 from here) even after update - panel cannot be scaled less than
132px)
Thanks
Update: This behaviour is also confirmed on Illustrator CS5, so I guess it's a wider thing connected to the latest update of some CS5 component.OK, I found the source of this bug.
minWidth. When you set minWidth on CSXSWindowedApplication with the latest updates to CS5, the suite will strangerly resize your panel to this minWidth whenever you try to set this.width. I will post it to the list of bugs.
The test case is very simple:
<csxs:CSXSWindowedApplication minWidth="10" applicationComplete="on_creation_complete()" xmlns:csxs="com.adobe.csxs.core.*" xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" historyManagementEnabled="false">
<mx:Script>
<![CDATA[
private function on_creation_complete(): void
// the following line will scale the panel to its minWidth value instead of 500
this.width = 500;
this.height = 500;
]]>
</mx:Script>
<mx:VBox height="100%" width="100%" verticalAlign="middle" horizontalAlign="center">
</mx:VBox>
</csxs:CSXSWindowedApplication> -
Tools- FP Grid Default panel grid size (pixels) does nothing
Hi all,
LV 2013 SP1
I want to set up FP grid of 5 x 5 pixels.
When I go to LV Tools -> Options FP Grid Default panel grid size (pixels) and change to 5 pixels it does nothing.
The FP still uses 12 sq pixel grid even when I restart LV.
Does this happen to others? Am I doing something wrong?
Thanks.
Solved!
Go to Solution.Hi battler,
what happens when you open a new VI after changing the grid settings?
Those changes do not apply to old VIs as is written in the LabVIEW help here!
Read the LabVIEW help also here…
Best regards,
GerdW
CLAD, using 2009SP1 + LV2011SP1 + LV2014SP1 on WinXP+Win7+cRIO
Kudos are welcome -
Hi,
I have an accordian here:
Click Here
I want the bottom panel to be open and the top 2 to be shut.
Is there any way to do this?I'm using the accordion here,
http://dev.kelley.iupui.edu/faculty/publications.cfm,
as a container for a search element. When a search is run, I want
the panel from which the search was selected to open back up after
the results are posted.
I have tried:
<cfelseif isDefined ("form.findFacultyPubs") and
#qGetFacultyPubs.RecordCount# EQ 0>
<p>There are no records for this faculty
member.</p>
<cfelseif isDefined("Form.findFacultyPubs") and
("form.faculty") is not "" >
<h4>Records found:
<strong><cfoutput>#qGetFacultyPubs.RecordCount#</cfoutput></strong></h4>
<ul>
<p><cfoutput
query="qGetFacultyPubs"><em>#citation#</em><br
/><br /></cfoutput></p></ul>
<script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("Acc1", { defaultPanel:
1 });
</script>
But this only highlights the heading of the panel, it doesn't
open it. -
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> -
Accordion - default panel not working
Hi, I'm using this script so the second panel is open by default, but it's not working (all the panels appear close by default)
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel: 1 });
//-->
</script>
I can't figure out what's wrong.
Here's the live page: http://www.apokrisis.com/client-projects/npfmc2010/public-meetings/committees-related-meet ings.html
Thanks for your help!
MWhittYour code is this
<script type="text/javascript">
<!--
var TabbedPanels1 = new
Spry.Widget.TabbedPanels("TabbedPanels1");
var Accordion1 = new Spry.Widget.Accordion("Accordion1", {
useFixedPanelHeights: false, defaultPanel: -1 });
var Accordion2 = new Spry.Widget.Accordion("Accordion2", {
useFixedPanelHeights: false, defaultPanel: -1 });
var Accordion3 = new Spry.Widget.Accordion("Accordion3", {
useFixedPanelHeights: false, defaultPanel: -1 }, {
useFixedPanelHeights: false, defaultPanel: -1 });
var Accordion4 = new Spry.Widget.Accordion("Accordion4");
var Accordion5 = new Spry.Widget.Accordion("Accordion5", {
useFixedPanelHeights: false, defaultPanel: -1 });
//-->
</script>
but should be this
<script type="text/javascript">
<!--
var TabbedPanels1 = new
Spry.Widget.TabbedPanels("TabbedPanels1");
var Accordion1 = new Spry.Widget.Accordion("Accordion1", {
useFixedPanelHeights: false, defaultPanel: -1 });
var Accordion2 = new Spry.Widget.Accordion("Accordion2", {
useFixedPanelHeights: false, defaultPanel: -1 });
var Accordion3 = new Spry.Widget.Accordion("Accordion3", {
useFixedPanelHeights: false, defaultPanel: -1 });
var Accordion4 = new Spry.Widget.Accordion("Accordion4", {
useFixedPanelHeights: false, defaultPanel: -1 });
var Accordion5 = new Spry.Widget.Accordion("Accordion5", {
useFixedPanelHeights: false, defaultPanel: -1 });
//-->
</script>
Accordion3 and Accordion4 lines mixed up
Carl -
Default panel font: no cyrillic support with XP
Is there a way to map the default LR font for panels to a font other than MyriadWeb Pro (like Tahoma or Verdana)? It doesn't support Cyrillic so I get crossed boxes instead of letters in the Keywords panel. Could someone provide a workaround (WinXP)?
Hello,
Thank you for your reply. What installation i should update? The windows? or the DirectX? I have the latest directx installation file and i doesn't work. I will try using windows update of course, but i don't think that's the reason.
Programs simply don't find directx dll files. -
Accordian Content Panel all opened in IE7
I have developed a nice little accordian using Spry, but in
IE7 all the panels are stretched open instead of just having the
top one opened. It works in all other browsers except for IE7.
Has anybody else had this problem? I can't find any solutions
in the forum for this, any insight would be great!
Thanks!Hello kierantm,
Your page looks quite complex and will be a little more
difficult to debug. The first thing that I see is the fact that if
you get the resulting HTML from the FF->View Source and try to
do a validation with it multiple errors are thrown. I suspect this
is one of the causes that will make each browser to try guess what
it should do instead of doing what you want. Please try to fix
first some of the problems there and the most important ones are
the unclosed tags or incorrectly closed.
Another thing that I observed is the fact that you modified
the SpryAccordion.js and you have done an incorrect changed on the
line 52:
this.useFixedPanelHeights = True;
and it should be
this.useFixedPanelHeights = true;
Let me know about the evolution of your investigations.
Cristian -
No provision to provide Tool tip for Default Panel Collection Components
"View" is a default menu item provided by Panel Collection Component. The "shortDesc" property can set the tool tip for entire panel collection.
How to set the tool tip specifically for the default components given by panel collection component ?Hi,
panel collection labels and tool tips can be changed through skinning See http://docs.oracle.com/cd/E21764_01/apirefs.1111/e15862/toc.htm and search for af:panelCollection and go to the Resource String section. So far the good news. The bad news is that there is no skin selector to change the tool tip of the "View" menu option (though yo can change the label through af_panelCollection.LABEL_MENU_VIEW). If you need this, please file an enhancement request through customer support.
Frank
Ps.: Skinning is documented here: http://docs.oracle.com/cd/E21764_01/web.1111/b31973/af_skin.htm#BAJFEFCJ
Maybe you are looking for
-
How to verify user LDAP group membership
Hi, we are attempting to determine if a user is a member of a specific LDAP group in our directory and if the user is a member it should return TRUE else FALSE (this is done by defining the LDAP attribute 'CN' (property) which returns a result 'CN=<U
-
PPCS3 won't export only the work area to media encoder
I can't figure out why Premiere Pro CS3 is no longer exporting the work area to the media encoder. I CAN successfully export the work area to Encore but even when I select WORK AREA under the RANGE option in EXPORT SETTINGS the media encoder still sh
-
Hi Is there a way of updating standard cost apart from transaction MR21 and cost estimate. We are looking to update standard cost from some sort of condition type which will include the break down by transport cost etc. And is there a way of maintain
-
SGE2000:how to enable Multicasting?
Hello there, we have a server deploying images via pxe to several clients the same time and want to enable muticasting at our sge2000 switch. i tried to read the help/support manuals of the switch concerning multicasting but i have no clue (and don't
-
Installing Appleworks into OS X
I just bought a used G5 PCIe machine and have been installing apps and realized that I needed Appleworks and I didn't have Classic installed. Is there a doc somewhere on how to install OS 9.2.2 into OS X.4.8. Also is there any other way to install Ap