Problem with accordion gap
Hi, I'm using an accordion component with 2 nested repeaters,
the visualization is OK, except I cannot get rid of a vertical gap
in the list between my sections. The list displays correctly the
items of my first section and after that, it has a gap and then
section 2. How could I get rid of that gaps?
Thanks in advance
mofi
My code is here
Attach Code
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
layout="absolute"
width="400"
height="300"
backgroundColor="#FFFFFF">
<mx:XML id="model" format="e4x">
<course >
<module id="1" label="Course 1">
<section label="section 1">
<lesson label="Lesson One" />
<lesson label="Lesson Two"/>
</section>
<section label="section 2">
<lesson label="Lesson Three" />
</section>
</module >
<module id="2" label="Course 2">
<section label="section 1">
<lesson label="Lesson One" />
</section>
<section label="seccion 2">
<lesson label="Lesson Two" />
<lesson label="Lesson Three" />
</section>
</module >
<module id="3" label="Course 3">
<section label="section 1">
<lesson label="Lesson One" />
<lesson label="Lesson Two" />
</section>
<section label="section 2">
<lesson label="Lesson Three" />
<lesson label="Lesson Four" />
</section>
</module >
</course>
</mx:XML>
<mx:Accordion width="100%" height="100%" verticalGap="0"
>
<mx:Repeater id="repeat" dataProvider="{model.module}"
>
<mx:VBox width="100%" height="100%" verticalGap="0"
label="{repeat.currentItem.@label}" >
<mx:Repeater id="repeat2"
dataProvider="{model.module[Number(repeat.currentItem.@id)-1].section}"
>
<mx:Label text="{repeat2.currentItem.@label}" />
<mx:List labelField="@label" width="100%"
dataProvider="{repeat2.currentItem.lesson}" />
</mx:Repeater>
</mx:VBox>
</mx:Repeater>
</mx:Accordion>
</mx:Application>
I might stop using repeaters and have a custom component for
each course. There will be many common elements in each course,
probably each will have sections, or perhaps some will not. In any
case, just iterate through the xml data provider and create
instances of your course custom component, which can be based on
VBox as root container. This might help.
Similar Messages
-
Displaying problem with accordion
Hi. I'm facing this issues a long time. Sometimes it is
working, sometimes not....
If you click panelTab 'a little bit' quicker and not so nice
(meaning double clicking, clicking immediately another accordion
tab after you clicked previous), previously clicked tabs
accordionPanelContent is still visible and it is displayed over
opened panel below. everything is so strange. sometimes it works in
FF and in IE, sometimes nowhere, sometimes just in FF etc etc... it
occurs when enableAnimation is set to true, especially with high
duration set. im really confused.
i searched on net for some solutions but i found just
"solution" for dojokit accordion (and there was said that this
occurred just in IE, but it occurs in FF too - at least in my case)
but nothing on adobes spry accordion.
so i'm wondring if anyone in here faces similar strange
problems with this...Hello Daniel,
This is the Adobe Dreamweaver Developer's Toolbox forum, I think you are looking for the Spry forums.
http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602
Shane -
Problems with accordion and animation
hi,
I have problems with the animation of the accordion widget
Accordion with 3 panels
panel1 no link but three subpoints with links
(for example: panel1: home, sublinks: me, you, us)
panel2 is a link with no sublinks
panel3 no link but two subpoints with links
PROBLEM:
If I turn on panel1 the animation works (there is no link on
panel1)
If I turn on panel2 the animation DON'T works (there is a
link on panel2)
what am I doing wrong that there is no animation ?
thanksSorry 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? -
Hi
I have an issue with Accordion Panels.
http://characteraday.businesscatalyst.com/guided.html
You can see in the link above that I have Accordion Panels on the right side that say open/close tip. The first one open and close and displays the tip. All the others do the same but when they open then push the one under it down. The first one does not do this and I like this a lot better. Any ideas how to make them all work the way the first one "Enter the Character's name" works.
Thanks for your time.Modify the following line by adding the mark-up coloured red.
<div class="AccordionPanelContent"><span class="CollapsiblePanelContent"><img src="productimages/tinyimages/doorkitseat.jpg" width="50" height="50">The <strong>Door Insert Kit</strong> is a bathtub conversion kit. By removing a portion of the bathtub wall and inserting a door, an existing bathtub becomes accessible, retaining its use a a bathtub. <em><a href="doorkitandseat.html"><strong>More</strong></a></em></span></div>
I hope this helps.
Ben -
Problem with Accordion/embed fonts in AS
Hello,
I have a package named "accordion" in my Flex Project.
In there, I have a file named "Accordion.as" with the content:
include "AccordionHeader.as";
[Embed(systemFont='Arial', fontWeight='bold', fontName='accordionHeader', mimeType='application/x-font', embedAsCFF='false')]
private var font1:Class;
Then I have the file "AccordionHeader.as" in same package "accordion".
But Flash Builder returns an error with the message:
"Packages may not be nested".
What am I doing wrong?
I tried to create a separate file for the class "font1" but it didn't work. I read that it could also be that i forgot a brace, so now I'm confused why this error appears.
Thanks.
Regards, Michael.The Problem has been solved.
-
Problem with accordion widget flashing open and shut when page loads
why is it that my accordion widget flashes open and shut when the page is loading (see http://vincentballmusewebsite2013test.businesscatalyst.com/digital-illustration.html#.UVDr Ehx7JyII) have tried everything to solve this, and Adobes customer service is terrible they don't get back to you when they say they will.
Please help me someone,
ThanksThank you Zak for your help, I spent 5 hours going round in circles trying to fix that problem and that's all I needed to hear, a bit of honesty and integrity.and yes, Adobes terrible customer service has still not got back to after promising 2 level technical support to contact me last Monday, I wish there'd keep their promise
Pamela, did you try my test website or my own website and if so my own has now no accordion widget on it and my test website may need you to try loading a few times to see if it really works or not, sometimes it does actually work even on a pc but most times not.
thanks for you help too. -
Problem with accordion behaviours
Hi, with the new update, my accordions are not behaving as I set them up initially and I cannot use the new settings to effect any changes. I am aware that they have been updated, etc. I have them all closed initially and even though "Overlap items below" is not selected, they still overlap objects below them when I expand them.
Here is an example of a page I uploaded with the previous version (at the bottom of the page) and how they "should" work http://www.laureus.co.za/about.html.
So when I export it now, it just overlaps my footer completely.
ChristoffHi Marc,
I think this was meant for Christoff,
it came to me instead.
I replied to him that I have seen issues with the accordion not showing up correctly, specifically in Camino.
Our Muse/Edge site is working well.
Thanks,
Bill Ticineto
Go Dog Design Group
17 East Ridge Road
Ridgefield CT 06877
203-788-9476
www.GoDogDesign.com
Notice of confidentiality: This message is for the intended recipient only and may contain privileged, proprietary, or otherwise private information.
If you are not the intended recipient of this message, you may not copy, forward, disclose its contents to anyone else, or otherwise use it.
If you have received it in error, please notify the sender immediately, delete the original, and destroy all copies. -
Tree expand problem with Accordion Component
While using Accordion component with creationPolicy="all", tree components which are placed in accordion's different panels, will not expanded at creationcomplete.
Trees are created perfectly but not expand its level at initial creationComplete time.
If I placed tree in regular panel and executed, tree levels are perfectly expaned.
Expand level code is called at creationComplete of Tree.
Steve Roger.i got my mistake.
I am using callLater(). Now its working perfect. -
Problem with Accordion spacing
On this page: http://www.dora.state.co.us/insurance/consumer/Renters.html, there is a large amount of space between the end of the Accordion panel and the bottom of the page. I know why it's happening but how do I get rid of it?
Thanks,I found some very useful information there, unfortunately, not the answer to the problem I'm having.
The accordion panel itself works pretty well. The problem is that AFTER the end of the panel, there's a huge block of white space below it.
I did figure it out: the code sets a very large height for the Accordion table; I just had to make it a lot smaller to get rid of the white space.
Thanks for your help - I did find some coding from your link that made the page better, or at least printable.
Regards
Marianne -
Problem with Accordion Widget INSIDE Sliding Panel Widget
Hello,
perhaps I should not do this, but I nested an Accordion
Widget inside a Sliding Panels Widget:
- There are eight Panels.
- Each one contains a complete Accordion.
The sliding works fine, and so does the Accordion animation,
but the text inside the Accordion Panel Tabs won't move along, when
a tab is activated. I need to hover the mouse over the accordion to
make the panel texts appear again.
Of course, when I un-nest the widgets and move the Accordion
widget out of the Sliding Panel widget, everything is fine.
My question is:
- am I demanding "too much" by nesting the widgets?
- or should this basically work, and the problem arises from
rivalling scripts?
Here is a link:
Nested
widgets Test
The horizontal top menu will activate the sliding panels, but
as of now only the leftmost menu item contains an Accordion (I know
the CSS does not look nice yet).
Is there anything I can optimise to get this to work?
Thank you so much,
Greetings, Jensen
Edit: The problem does NOT occur in Firefox, but in
Safari.Hi John,
That is the expected behavior if the "Overlap items below" is unchecked. Please refer to the following link http://screencasteu.worldsecuresystems.com/aish/2013-08-21_1947.png. If you don't want the page to wiggle up and down, please check the box shown in the screenshot.
Regards,
Aish -
XML data set problems with Accordion widget
Hi,
I have a dataset, which returns the data as shown below:
<resultset>
<result>
<title>Title one<b>with parts of the title in
bold</b></title>
<otherAttributes/>
</result>
</resultset>
As you can see, some of the nodes may have markups, such as
<b> etc. I create the XML dataset as:
var myDataset = new Spry.Data.XMLDataSet("/path/to/my/URL",
"resultset/result");
And in AccordionPanelTab, I use the title property as shown
below.
<div class="AccordionPanelTab">{title}</div>
But this doesn't work. The Tab displays no titles. If I
remove the <b/> in the <title> it works fine as
expected. My problem is, some titles may have additional mark ups
and some may not. How can I handle this problem?
Any help is greatly appreciated.
Cheers,
Rag.Forgot to mention that the data comes from third party
service providers, so I have no control over it. For ex: I cannot
have title in a CDATA section. -
Hi, I was wondering if somebody could help me, my accordian
panels are working fine in Firefox, but are quite jumpy on IE7, the
link to the site is
http://opac.ittralee.ie:2082/The problem you have is caused by your CSS file. If you would
have read the comments in the file you would have noticed that you
should never put any padding on the panel's content area. This is
because the animation will not work properly. You have
padding:0.5em; in your CSS file. If you need padding you should add
an extra div container within the content div container, and add
the padding to that one.
===
/* This is the selector for a Panel's Content area. It's
important to note that
* you should never put any padding on the panel's content
area if you plan to
* use the Accordions panel animations. Placing a non-zero
padding on the content
* area can cause the accordion to abruptly grow in height
while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on
the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in
this selector is not necessary
* to make the widget function. You can use any class name
you want to style an
* accordion panel content container.
.AccordionPanelContent {
overflow: auto;
padding:0.5em;
margin:0px;
height: 5em;
font-family: helvetica, sans-serif, Geneva ;
font-size: 1em;
background-color: #FFF8EF;
=== -
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? -
Problem with accordion panel widget
I'm having trouble with the top label. All of a sudden I can't resize it and so it is much larger than it needs to be. Not sure what happened. I do remember working through a tutorial that had seemed like it might have had the answer but I can't find it now. What is the dashed line that appears.
Here's the page to my very preliminary site: http://fusion2013.businesscatalyst.com/advisory-board.html
ThanksHello,
The dashed line only represents the length that have have defined for the text/label container.
However, if the amount text in it increases the length of the textbox, it will increase the actual length of the box but the dotted line will signify where you have set it to stay.
In your website, could you please check if you have some inline rectangle (invisible) added in the label box?
Or may be have pressed ENTER/RETURN multiple times in the box?
Regards,
Sachin -
How to acquire correctly three-phase signals (Problem with the gap between signals)
Greetings
I need to analyze three sinusoidal signals 120 degrees out of phase by nature including my version of LabVIEW 7.1 and the acquisition card I used is the Measurement Computing USB 1208FS. In principle the acquisition and display them individually does not represent any kind of inconvenience, the problem arises when I try to observe the three signals in the same waveform graph. At this point to run the test continuously (Continuously RUN) the signals lose their phase shift and this becomes variable along the process of signal acquisition occasionally taking its original phase shift (in Figure 2 shows how to vary the phase angle between the signals), just watch the same channel form using 3 distinct stages and the signal (in theory the same) is outdated fig 4. How can this problem be corrected? There is some appreciable time lag between data collection in the different channels that would alter the correct acquisition of the signals. You can correct varying the sampling frequency (rate) and the count?
Pd = vi attachment used for the acquisition
Thanks
Attachments:
figure 2.jpg 70 KB
figure 4.jpg 72 KB
3 channel.vi 388 KBDuplicate Post
Cory K
Maybe you are looking for
-
Hi, ID Contract_Year type1Fee 1 type1Fee 2 type1Fee 3 type2Year1 type2Year2 type2Year3 1 2015 $1.50 $1.50 $1.50 $2.00 $2.00 $2.00 this is my SOURCE DATA, AND i am trying to get in this model id CONTRACT_yr TYPE year1 year2 year3 1 2015
-
Is it necessary to use a cleaner such as Onyx to clean a mac?
Is it necessary to use a cleaner such as Onyx to clean a Mac Pro?
-
freelance developer looking for short term labview projects. based in the uk, 6+ years labview experience including data acquisition and analysis, simulation, experiment control software and image processing. All projects considered.
-
I'm trying to figure out how classes enclosed within other classes work. If I have something like this, store in the file OuterClass.java: public class OuterClass { public static class InnerClass1 {} public static class InnerClass3 {} public static c
-
Hi, I've recently noticed a problem with my PC's speakers not working. I'm not entirely sure what causes them to stop working, but if I remember correctly, the first time I remember it happening was after I had my computer plugged into the TV via an