Embedded accordion

hie
i am trying to create an accordion inside another accordion.
The embedded accordion does not appear as expected.. with in each
accordion segment i see another blank panel created and inside it
the child accordions are coming...
here is the code"
<mx:Accordion id="accordion" width="100%" height="100%"
minHeight="250" click="clickedApprovals();"
headerStyleName="accHeaderMain">
<mx:Repeater id="categoryRep" dataProvider="{myXC}">
<mx:VBox label="{categoryRep.currentItem}" width="100%"
height="100%" backgroundColor="#E1E2E3"/>
<mx:Accordion headerStyleName="accHeader">
<mx:Repeater id="recRep" dataProvider="{headInfo}">
<mx:VBox label="{recRep.currentItem}" width="100%"
height="100%" backgroundColor="#BB00BB" >
</mx:VBox>
</mx:Repeater>
</mx:Accordion>
</mx:Repeater>
</mx:accordion>
can some one help please to fix it..

never mind got the bug... somehow vbox tag is closed and not
really embedding the child accordion

Similar Messages

Embedded Fonts for Accordion Headers

Does anyone know how to get embedded fonts to show up in the
accordion header? i checked out the Adobe LiveDoc on customizing
the accordion component and it says to use the setStyle method. The
font I've embedded is Futura. Here's what I've tried using
myAccordion_ac.setStyle("fontFamily", "Futura");
myAccordion_ac.setStyle("embedFonts", "true");
However, simply embedding a font and setting that boolean to
"true" doesn't work. Does anyone know how this is supposed to work?
Thanks for any help.

Need Acrobat 9 Pro or Pro Extended -
Advanced > Preflight
In the Preflight dialog, open the "Options" drop-down menu and select "Create New Preflight Profile".
Give the new profile a name & save it.
In the dialog, at the left you'll see your new profile.
Locate and click on "Fixups" (2nd from bottom).
Over to the right, over the listing of fixups that appears, there is a find/search field.
Enter "embed" (the first three letters will do).
Two fixups are available.
--| Embed Fonts
--| Embed Fonts (even if text is invisible)
Select one. Under the fixup list there is an arrow pointed to the left. Click it. The center pane will display the selected fixup.
Click Save then OK.
The profile is available for use.
A Batch Sequence could be made that uses this Preflight profile to permit processing many PDFs at "one go".
[If you do not want to DIY, then use the "out of the box" profile located in the PDF fixups Group.
Both "Embed" profiles are there.]
Be well...
Message was edited by: CtDave

IPhone screen touch sensors cancelled out over gallery when accordion w/ menu embedded extends over

iPhone 4s screen touch sensors are cancelled out over a gallery when an accordion w/ a menu embedded in it extends over the area. Upon FTP uploading the site, when I load each page from my iPhone the menu extends and then retracts. The area over which the accordian panel with the menu in it extends loses the touch sensitivity. I learned this when I had a gallery at the top of the page. Swiping left or right only continues to work bellow where the accordian extended to before retracting. And although activating the "Light box" works, the light box itself becomes an empty spot on the screen because it's invisible from my phone. Either I can place the Light box at the top of the screen under the banner and menu or at the bottom. Either way, it looks like a blank spot from my phone.
Please fix these features.
Thank you.

After almost 2 days of ICS, here's another update:
CONS:
No notification on lockscreen. The heck important is that.
Calendar widget not even showing the next event.
Lag on Facebook, or even other social media apps while typing something.
SYSTEM UI IS NOT RESPONDING. I almost gone in that moment, where I did a quick Settings Reset after reboot. This is a major con, Sony.
Swiping up and down with many items is now unresponsive, sometimes stopping quickly at a certain point.
PROS:
Bloatwares can now be disabled, or even uninstalled in Apps Settings. I tried to remove What's App, appXtra, and UEFA.com bloatwares, and now it's gone. Let's Golf HD can now be disabled.

Embedded youtube videos from accordion panel

I'm trying to get embedded youtube videos to pop in from accordion panel
the accordion panel would have the 'titles' with descriptions displayed when clicked on, and there in the description would be a link to make the embedded youtube clip appear beside the panel.
go to each accordion panel selection and get a different embedded video to play.
anybody know if that can be done and how ?

Thank you for the suggestion,
I already did try that, but didn't work.
However after watching your swf, I figured out I must have had the wrong 'aspects' active when I was putting my embedded code in, so the results were all over the place.
So I tried it again by your steps, and it does work, -- thankyou ! -- except for one thing.
If the watcher does not finish or stop or pause one video before playing another, both videos are playing, even though one of them is 'hidden' in the closed panel, which is ok if there's no audio, however if they both have audio, the audio track of both play back.
Darn, I don't think most people would realize if they don't finish a video before watching another, they have to manually stop the currently playing video before playing another.
Even if I was to include instructions to say so. :-(

FLV content embedded in SWF not exporting correctly in In-Design CS6

Hi,
I have an FLV video embedded within a SWF file.
The FLV video plays correctly in the SWF file when exported or previewed.
When the SWF is placed into In-Design CS6 and then exported as an interactive PDF, the SWF operates normally (buttons and pages all working as in the original SWF) except the FLV video does not load at all.
Can anyone advise what's going on?
Thanks for reading!

Hello Joe,
That was a long posting, will start with the Buttons-question: can you check the action 'On Success' of those slide buttons? I couldn't see which version of CP you are using, it is in the properties. Default action is 'Continue' which means that the playhead will play further and finish the total duration of the slide timeline. Change this action to 'Go to next slide'. However for the Question slides you will not have so much control, sorry.
As for the audio issue, I'm a lot less sure, need to know the version of CP first of all. You have to be sure that all patches are applied (certainly if you have CP5). Sometimes it helps to insert a small silence at the end/start of the slide: move the audio or video file to start 0,1sec after the start of the slide and make it finish 0,1sec before the end of the slide. Worth trying if this helps?
Lilybiri
PS: sorry, bit sleepy, you did mention it is CP5. You'll find the actions in the Action accordion of the Properties panel of the button. And check your version, please, there was an important patch released in December. Use Help, Updates. 5.0.1.624 is the present version.

Dynamic accordion with dynamic datagrid

I’m trying to create a dynamic accordion with embedded
datagrids in each accordion area. I have the base working but have
2 problems I can’t seem to figure out.
Bases; the accordion uses a repeater and vbox with a custom
component from a webservice result set to create the accordion. The
custom component has another webservice that gets a value from the
repeater to pass it to the custom component.
My 2 problems:
1. how do I prevent the custom component from running the
webservice until the accordion item is clicked or the area is
visible? Otherwise I end up will a bunch of queries hitting the DB
and if there is several items for the accordion and many items from
the datagrid its slower.
2. how can I get the datagrid query to refresh when the
accordion item is clicked? Because the data may change I am not
able to see the updated data unless I reload the entire
application.
1 thing I did try. With the tab control you can use the
show() event and the data will refresh just fine, but with the
accordion, the show() event does not seem to fire. Its as if they
are all visible.
Any help here would be much appreciated, I’ve been
racking my brain for days now and I sure it is something simple
that I am missing. Thanks in advance.
See the example code below.
the application code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
layout="absolute"
width="100%"
height="100%"
initialize="ws.getMethod1.send()"
xmlns:output="com.comp.*">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
[Bindable]
public var thisWsdl:String = '
http://localhost/webservice/service.cfc?wsdl';
]]>
</mx:Script>
<mx:WebService id="ws"
wsdl="{thisWsdl}"
useProxy="false"
showBusyCursor="true"
fault="Alert.show(event.fault.faultString, 'Error');"
concurrency="multiple" requestTimeout="30">
<mx:operation name="getMethod1">
<mx:request>
<param1>{param1data}</param1>
<param2>{param2data}</param2>
<param3>{param3data}</param3>
</mx:request>
</mx:operation>
</mx:WebService>
<mx:Accordion width="100%" height="100%"
fillColors="[#808080, #808080]">
<mx:Repeater id="rp"
dataProvider="{ws.getMethod1.lastResult}">
<mx:VBox label="{String(rp.currentItem.catname)}"
backgroundColor="#C0C0C0" width="100%" height="100%"
paddingRight="10">
<output:comp catid="{rp.currentItem.catid}"/>
</mx:VBox>
</mx:Repeater>
</mx:Accordion>
</mx:Application>
the component code:
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="
http://www.adobe.com/2006/mxml"
width="100%"
height="100%"
focusIn="ws.getMethod.send()"
horizontalAlign="center"
backgroundColor="#FFFFFF">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
[Bindable]
public var thisWsdl:String = '
http://localhost/webservice/service.cfc?wsdl';
[Bindable]
public var catid:int;
]]>
</mx:Script>
<mx:WebService id="ws"
wsdl="{thisWsdl}"
useProxy="false"
showBusyCursor="true"
fault="Alert.show(event.fault.faultString, 'Error');"
concurrency="multiple" requestTimeout="30">
<mx:operation name="getMethod2">
<mx:request>
<catid>{catid}</catid>
</mx:request>
</mx:operation>
</mx:WebService>
<mx:DataGrid id="itemGrid"
dataProvider="{ws.getMethod2.lastResult}" width="700"
height="250">
<mx:columns>
<mx:DataGridColumn width="100" dataField="itemid"
headerText="Item Id"/>
<mx:DataGridColumn wordWrap="true" dataField="itemname"
headerText="Item Name"/>
</mx:columns>
</mx:DataGrid>
</mx:VBox>

Perhaps you could use the change event of the accordion, or
the show event of the child containers?
Tracy

Difference with embedded CSS vs loading runtime CSS

Hi,
Move from embedded CSS to runtime CSS, but having some subtle differences.
note the numeric stepper handles have default colors, this is with embedded css and what the client wants
This one is runtime css note the handles are black.
I had this in both before embedded and runtime CSS
NumericStepper {
   fillAlphas: 0.6, 0.4, 0.75, 0.65;
   fillColors: #ffffff, #cccccc, #ffffff, #eeeeee;
   themeColor: #92de78;
I added this to the runtime css and entered the style name for the numeric stepper but still no luck
.numericStepper {
        fillAlphas: 0.6, 0.4, 0.75, 0.65;
        fillColors: #ffffff, #cccccc, #ffffff, #eeeeee;
        themeColor: #92de78;
Any ideas complete css below. BTW my alerts are not using the runtime css as well yet embedded css works fine
@font-face {
src:url("auth_module/poetica.swf");
font-family: "Poetica Std";
Application {
   backgroundImage: Embed(source="/images/bkg.gif");
   backgroundSize: "100%";
NumericStepper {
   fillAlphas: 0.6, 0.4, 0.75, 0.65;
   fillColors: #ffffff, #cccccc, #ffffff, #eeeeee;
   themeColor: #92de78;
        .numericStepper {
        fillAlphas: 0.6, 0.4, 0.75, 0.65;
        fillColors: #ffffff, #cccccc, #ffffff, #eeeeee;
        themeColor: #92de78;
Alert{
color : #000000;
title-style-name : "alertTitle";
button-style-name :"alertButtonStyle";
header-height:21;
border-thickness: 1;
drop-shadow-enabled: true;
drop-shadow-color :#CCCCCC;
shadowDirection:right;
shadowDistance:7;
background-color: #ffffff;
corner-radius :6;
border-style :solid;
header-colors : #DDDDDD, #ffffff;
footer-colors : #DDDDDD, #ffffff;
border-color : #333333;
.alertButtonStyle {
color : #000000;
.alertTitle{
font-family :Verdana;
font-size :10;
font-weight :bold;
text-align :left;
color :#000000;
.selectedBox {
headerColors:#336633,#447744;
borderColor:#447744;
titleStyleName: "selectedHeaders";
.legendBox {
border-thickness: 2;
border-style:solid;
border-color: #93C789;
.legendMask {
stroke-color: #333333;
stroke-width:2;
shadow-color: #333333;
.legendTitle {
font-size :12;
font-weight :bold;
.accordionHeaders {
font-family: "Poetica Std";
font-size:14pt;
color:#FFCC00;
.copyrighttext {
font-family: "Poetica Std";
font-size:14pt;
TextInput {
   color: #0b333c;
List {
   color: #0b333c;
CheckBox {
   themeColor: #92DE78;
   fillColors: #ffffff, #cccccc, #ffffff, #eeeeee;
   color: #0b333c;
.piecharBackground {
backgroundImage: Embed(source="/images/bkg.gif");
   backgroundSize: "100%";
   color: #93C789;
DataGrid {
   color: #0b333c;
   rollOverColor: #92de78;
   selectionColor: #93C789;
   textRollOverColor: #cc3333;
   headerColors: #000000, #333333;
   headerStyleName: "mydataGridHeaderStyle";
.mydataGridHeaderStyle {
   color: #92de78;
ApplicationControlBar {
   highlightAlphas: 0.4, 0;
   fillAlphas: 1, 1;
   cornerRadius: 0;
   fillColors: #000000, #333333;
   backgroundColor: #000000;
   color: #93C789;
CheckBox {
color: #93C789;
Accordion {
   fillAlphas: 1, 1, 1, 1;
   fillColors: #000000, #333333, #000000, #333333;
   selectedFillColors: #000000, #333333;
   themeColor: #92de78;
   textRollOverColor: #cc3333;
   headerStyleName: "myaccordionHeader";
   borderColor: #93C789;
   backgroundImage: Embed(source="/images/bkg.gif");
   backgroundSize: "100%";
   color: #92de78;
.myaccordionHeader {
   color: #92de78;
TabNavigator {
tabStyleName: "myTabs";
selectedTabTextStyleName: "mySelectedTabs";
dropShadowEnabled: true;
backgroundColor: #2e2e2e;
borderColor: #93C789;
.mySelectedTabs {
color: #92de78;
.backGroundPanel {
        backgroundImage: Embed(source="/images/bkg.gif");
   background-size:"100%";
   color: #93C789;
   textRollOverColor: #92de78;
   dropShadowColor: #92DE78;
Button {
   fillAlphas: 1, 1, 1, 1;
   fillColors: #000000, #333333, #333333, #000000;
   color: #92de78;
   textRollOverColor: #cc3333;
   borderColor: #93C789;
   themeColor: #92de78;
RadioButton {
   themeColor: #92DE78;
   fillColors: #ffffff, #cccccc, #ffffff, #eeeeee;
   color: #0b333c;
CheckBox {
   themeColor: #92DE78;
   fillColors: #ffffff, #cccccc, #ffffff, #eeeeee;
ComboBox {
   themeColor: #92DE78;
   fillColors: #ffffff, #cccccc, #ffffff, #eeeeee;
   color: #000000;
DateChooser {
   headerColors: #000000, #333333;
   themeColor: #92DE78;
   headerStyleName: "mydateChooserHeaderStyle";
   fillColors: #ffffff, #cccccc, #ffffff, #eeeeee;
VScrollBar {
   trackColors: #333333, #666666;
   themeColor: #000000;
   borderColor: #000000;
Panel {
   borderColor: #000000;
   borderAlpha: 1;
   titleStyleName: "mypanelTitle";
   dropShadowColor: #000000;
   roundedBottomCorners: true;
   headerColors: #333333, #000000;
.selectedHeaders{
color :#000000;
font-weight:bold;
.windowStyles {
            color: #92de78;
        TitleWindow {
        color: #92de78;
        closeButtonSkin: Embed("/images/del_24.png");
            /* Set values from defaults.css to null. */
            closeButtonDisabledSkin: Embed("/images/del_24.png");
            closeButtonDownSkin:Embed("/images/del_24.png");
            closeButtonOverSkin:Embed("/images/del_24.png");
            closeButtonUpSkin: Embed("/images/del_24.png");

The documentation says that a NumericStepper is composed of a TextInput and 2 buttons so I do understand why the buttons are getting styled the way they are.
I added a Button and a NumericStepper to a text application using Embedded Styles and it did produce the Button style effect. I took the Button out and of course the Numeric buttons were rendered as the default Flex style of off grey / white.
Some of the Flex objects have additional style properties that allow you to style the individual components of the object however the NumericStepper does not seem to have that option.
I think the only way around it would be to get the children of the stepper and style them individually
var btn:Button = numericStepper.getChildAt(1) as Button;
btn.setStyle("fillColors",["#ffcccc","#cccccc"]
and do the same thing for child 2
or extend the NumericStepper and override the style to be what you would like.

Mx components don't recognize embedded font

I ran into this problem: while spark components render embedded font just fine, the mx components silently fail.
Here is a simple demo code where the first mx:LinkButton simply does not show up.
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
   xmlns:s="library://ns.adobe.com/flex/spark"
   xmlns:mx="library://ns.adobe.com/flex/mx"
   minWidth="1024" minHeight="768">
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
@font-face {
src: url('/Library/Fonts/Microsoft/Goudy Old Style');
fontFamily: 'GoudyEmbedded';
.embedded {
fontFamily: 'GoudyEmbedded';
color: #FF0000;
fontSize:28;
.nonembedded {
fontFamily: 'Goudy Old Style';
color: #FF0000;
fontSize:28;
</fx:Style>
<mx:LinkButton x="50" y="50" styleName="embedded" label="Just a test - 1234567890" />
<mx:LinkButton x="50" y="150" styleName="nonembedded" label="Just a test - 1234567890" />
</s:Application>

Here are 4 instances of 'Accordion', where you can see how 'headerStyleName' and 'styleName' yield different results.
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
   xmlns:s="library://ns.adobe.com/flex/spark"
   xmlns:mx="library://ns.adobe.com/flex/mx"
   minWidth="1024" minHeight="768">
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
@font-face {
src: url('/Library/Fonts/Microsoft/Goudy Old Style');
fontFamily: GoudyEmbedded;
.emb {
fontFamily: GoudyEmbedded;
color: #800000;
fontSize: 24;
textAlign: center;
textFieldClass: ClassReference("mx.core.UIFTETextField");
.nonemb {
fontFamily: 'Goudy Old Style';
color: #800000;
fontSize: 24;
textAlign: center;
</fx:Style>

<mx:Accordion id="acc1" x="10" y="10" width="240" headerStyleName="emb" >
<s:NavigatorContent label="The slanted dash '-'" >
<s:Label x="10" y="50" styleName="emb" text="Just a test - 12345" />
</s:NavigatorContent>
</mx:Accordion>

<mx:Accordion id="acc2" x="260" y="10" width="240" styleName="emb" >
<s:NavigatorContent label="The slanted dash '-'" >
<s:Label x="10" y="50" styleName="emb" text="Just a test - 12345" />
</s:NavigatorContent>
</mx:Accordion>

<mx:Accordion id="acc3" x="510" y="10" width="240" headerStyleName="nonemb" >
<s:NavigatorContent label="The slanted dash '-'" >
<s:Label x="10" y="50" styleName="emb" text="Just a test - 12345" />
</s:NavigatorContent>
</mx:Accordion>

<mx:Accordion id="acc4" x="760" y="10" width="240" styleName="nonemb" >
<s:NavigatorContent label="The slanted dash '-'" >
<s:Label x="10" y="50" styleName="emb" text="Just a test - 12345" />
</s:NavigatorContent>
</mx:Accordion>
</s:Application>

Embed and Accordion in a Tab Panel

Has anyone tried embedding an accordion widget inside a
tabbed panel? I'm running into an issue where the accordion doesn't
behave properly. I'm assuming it has something to do with the
hierarchy of div tags, but don't know enough yet to be certain. Can
anyone assist?
Michael

Hi Michael,
We have a known bug where accordions in a non-default tabbed
panel (initially hidden) doesn't work because it fails to
dynamically calculate its height due to the fact that it is
display:none.
I'll look into fixing it.
--== Kin ==--

Accordion fonts compresses in preview

Fonts compresses during preview or preview in browser, when I use an accordion, while they are normal during editing. can someone help with this bug. I tried changing fonts no avail.

I'm experiencing the same issues when opening PDF created by PDF-XChange.
They open correctly on Adobe (for mac) but only show question marks on Preview (on all mac computers we have at the office).
The font in question is Calibri and I confirmed the fonts are embedded.

Accordion Panel video embed bud

Unfortunately this only happens in Chrome (not iExplorer or Firefox) - so I'm not sure if it's a really a Muse bug or not.
I have an accordion panel each with an embedded YouTube video. When the next panel is opened (or the one in use is shut) it leaves a 'residue' of the black bar of the top of the video on that page.
Maybe something to bring up with the lads at Google Towers.
Garry
www.ninedesignstudio.co.uk

Hi Devendar,
Thanks for replying. THe URL is
http://telecomnetworks.ninedesignhosting.co.uk/products-and-services.html
thanks
Garry
www.ninedesignstudio.co.uk

Problems with Accordion styling

I'm quite new to the use of both Spry and CSS but fancied
having ago at setting up the accordion widget for my company's
revamped website - www.update.dcprint.co.uk
This works fine in IE7 Beta3 (I know, but couldn't resist
having a look at the app) but falls over in Firefox/Safari where
the tabs gain extra height for some reason. The CSS is embedded for
ease at the mo, but will be extracted to a seperate file once my MD
is happy with the design. To save me a lot of time does anyone have
an idea what causes this?

Sorry kimblas, you are quite right! That'll teach me not to
jump in without reading the comments :) OK, make a few changes
suggested by Steve, and played around with the css as per the
example (I think). It now works fine in Firefox if a little slow
(I'm assuming this is to do with the Flash movie and my painfully
old PC) but in IE7 it still wants to display the whole of the
selected content prior to the animation. Interestingily this wasn't
the case until I began to tinker to the recommended settings.
Unfortunately I can't get back to where it was to suss out what
code sorted it, nothing now seems to make a difference. Any
ideas?

Accordion with XML data

As I'm learning, I also am experiencing some difficulties.
I've tried to combine some XML data with an accordion. Since
the <div> solutions gave me errors, I found some inspiration
in the following
thread.
Can somebody help me and explain why this isn't working? (PS
I'm a newbie).
Some explanation what you might see in the code below:
- List view => ok = list generated from XML
- Manual Accordion => ok = HTML for the accordion
- Accordion from XML data => NOK = attempt to combine List
view and Manual Accordion =
Final goal
----------------------------------------Beginning of the
code----------------------------------------
<!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>00r05</title>

<script type="text/javascript"
src="../Spry_1_6_1_022408/includes/xpath.js"></script>
<script type="text/javascript"
src="../Spry_1_6_1_022408/includes/SpryData.js"></script>
<script language="JavaScript" type="text/javascript"
src="../Spry_1_6_1_022408/includes/SpryNestedXMLDataSet.js"></script>
<script type="text/javascript">
var dsSubjects = new
Spry.Data.XMLDataSet("00r03_content.xml", "subjects/subject");
var dsSubSubjects = new
Spry.Data.NestedXMLDataSet(dsSubjects, "subsubject");
</script>

<script language="JavaScript" type="text/javascript"
src="../Spry_1_6_1_022408/widgets/accordion/SpryAccordion.js"></script>
<link
href="../Spry_1_6_1_022408/widgets/accordion/SpryAccordion.css"
rel="stylesheet" type="text/css" />
</head>
<body>

<p>---------List View---------</p>
<div spry:region="dsSubjects dsSubSubjects">
<ul>
<li spry:repeat="dsSubjects">{name}
<ul>
<li
spry:repeat="dsSubSubjects">{dsSubSubjects::name}</li>
</ul>
</li>
</ul>
</div>
<p>---------Manual Accordion---------</p>
<div id="testAccordionManual" class="Accordion">
<ul class="AccordionPanel">
<li class="AccordionPanelTab">home</li>
<ul class="AccordionPanelContent">
</ul>
</ul>
<ul class="AccordionPanel">
<li class="AccordionPanelTab">Products</li>
<ul class="AccordionPanelContent">
<li>Product 1</li>
<li>Product 2</li>
</ul>
</ul>
<ul class="AccordionPanel">
<li class="AccordionPanelTab">Contact</li>
<ul class="AccordionPanelContent">
</ul>
</ul>
</div>
<p>---------Accordion from XML data---------</p>
<div id="testAccordionAuto" class="Accordion"
spry:region="dsSubjects dsSubSubjects">
<ul class="AccordionPanel">
<li class="AccordionPanelTab"
spry:repeat="dsSubjects">{dsSubjects::name}</li>
<ul class="AccordionPanelContent">
<li
spry:repeat="dsSubSubjects">{dsSubSubjects::name}</li>
</ul>
</ul>
</div>
<script>
var acc1 = new Spry.Widget.Accordion("testAccordionManual");
var acc2 = new Spry.Widget.Accordion("testAccordionAuto");
</script>
</body>
</html>
----------------------------------------Ending of the
code----------------------------------------

quote:
Originally posted by:
V1 Fusion
Your missing a </li>
<li spry:repeat="dsSubjects">{name}
Many thanks. That seams the be the issue.
However, I'm not able to resolve it. After experimenting I've
noticed that either:
- I can get the </li> correct, but then the script
generates only the three panel tabs without the content
- or I have the issue with the </Li> as you explained
So the issue must be with the way I define my list. But I'm
missing something to get it right.
Help is more then welcome.
quote:
Originally posted by:
V1 Fusion
and uhm:
Did u check this example for your accordion data issues?
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample2.html
Yes I did. I even managed to reconstruct it with my own data.
But what if you would like to see the 5 addresses of "Edward
Smith"? While working with this example I experienced a counter
issue. The example was not elaborative enough to be useful too me
(and a lot of others if you read trough this forum).
quote:
Originally posted by:
Idriel
Here you can se Accordation from XML and Nested DataSet. I
have all created.
http://zagreb-rugby.hr/igraci.html?id=seniori
Wow, impressive! I'll hope I manage to get as smart as you
are and built something just like that.
It took me a while before I got the concept. And you
explained it very well. The concept contains 2 kind of data sets,
one external and the other embedded.
I also tested it and it is a workaround. Unfortunately, as
I'm studying the AJAX and SPRY concepts, I want to see how far I
can go ... with as little as help and workarounds as possible.
That said, I of course welcome all help when needed, but I
need the challenge as well.
PS I'll hope you have a great rugby season with your team ;-)

Attaching the FLV's to the accordion player

Hi all,
Not sure how to store the flv url in the accordion action
script?...
I am doing a tutorial for an accordion in MX 2004 that uses 4
videos and it looks good except for that part.
I get an error during test.
These flv's are all in one folder on my computer and that is
where I imported them from. They are embedded.
Do I need to import them into my library?
thanks for any tips,
Al

Mandar,
BC4J view object that provides data for the table must be the same for all leaf items (columns) in a table. Refer 'Classic Tables Overview' in the dev guide.
And to achieve ur functionality, there are few ways.. but it fully depends on the requirement. Let us know the details of the tableBean like.. is it just a READ-ONLY region or any DML operations possible?
the simplest way is to have a separate VO for the table and populate the data from the original 2 VOs..
Let us wait for the comments from others too..
- Senthil

Spry Accordion - window only 10 lines deep

I have embedded Spry Accordion pages within a Spry Tabbed Panel, using Dreamweaver CS3. When it opens in Firefox or IE the Accordion pages are only 10 lines deep. How can I make it open to the rest of the available screen?
Any help would be very gratefully received!
Regards
Geoff

Many thanks PZ.
I was just about to add to my previous message to say I had found the answer after many trials!
Regards
Geoff

Embedded accordion

Similar Messages

Maybe you are looking for