Accordion inside a scrollPane

I need to put an accordion in a scrollPane. The only way I
can figure out how to do it is to have an empty movieclip in the
library, then set that as the contentPath of my scrollPane and
creating an accordion inside.
The problem is that if my accordion has 2 or more children or
segments, there is a giant space after the accordion in the
scrollPane that I can't get rid of.
Here is my code:
import mx.containers.Accordion;
thisScroll.contentPath = "emptyMC";
scrollContent = thisScroll.content;
scrollContent.createClassObject(mx.containers.Accordion,
"my_acc", scrollContent.getNextHighestDepth());
thisAccordion = scrollContent.my_acc;
thisAccordion.createChild("", "panel1", "first panel");
thisAccordion.createChild("", "panel2", "second panel");
Can any body help?

Similar Messages

Email Link inside a Scrollpane

So i have a scrollpane with a movieclip in it. Inside the movieclip i put static text that says "Email Eric" and linked it with mailto:[email protected] but when i test the movie it won't work. So basically i need to know how to link an email to something inside a scrollpane. Any help would be much appreciated. Thanks for your time in advance. I know someone will come thru for me. They always do!

ok....so i made a whole new flash document to make sure i wasnt doing anything wrong
scrollpane instance name = ericScroll
movie clip that scrolls thru scrollpane = content
so i laid out all my stuff going to be a in the movieclip scroll and then put text and made it a movieclip and it's instance name is = email
then i selected all my info including email link and other item to be content and made it all a movieclip(content)
i have 2 layers
site & actions
first frame i made a button the goes to frame 17 where my scrollPane lies. on that frame in my actions i have this code
scrollPane.setStyle("borderStyle","none");
scrollPane.drawFocus = false;
ericScroll.spContentHolder.email.onRelease = function() {
trace("A");
getURL("mailto:[email protected]");
s then when i test movie i click the button that takes me to the scrollpane ....scroll down....press the button and nothing

Accordion inside flex datagrid

Trying to put an accordion inside a datagrid where the header has typical datagrid functionality on each set of columns. Each accordion has a seperate dataset inside. Is thi possible using rendering or will I have to build custom set of functions to have it behave like a datagrid with colun sorting, dragging, etc.

Basically I am looking to have one main header that controls six accordions, each with data from the same souce but filtered dynamically. The main header should still be able to be sorted and arrangable like a typical datagrid based on what accordion panel is currently open. I can provide a mock-up of what i want it to look like if this still is not clear. Its basically one datagrid header that can control 6 seperate datagrids(without headers) while being inside of an open accordion.

HELP : onPress event for a movieclip inside of ScrollPane

I have a ScrollPane and this ScrollPane loads an item from
the Library. And this library item contains moviecilp and I'm
trying to add 'onPress' event to this movieclip by..
MovieName.onPress = function()
trace("Pressed");
But, since this movie is inside of ScrollPane the onPress
event never occurs.
Please let me know how to an event to a movieclip that
resides inside of ScrollPane.
Thanks in advance.

As Luigil said, there is a path problem.
First you must find the right path.
create in level0 the var test1:String;
//Put this on Frame 1 of your loaded MC:
_level0.test1 = this; //now you can see the right path
cheers

Accessing Button inside Movieclip/ScrollPane

Hello all,
I'm trying to understand how to build a button inside a movieclip. I have a template that has movieclips within movieclips, and when I create a button (all using AS2) the button will work if I test the scene, but in the whole flash movie it does not work. I also have some buttons located inside a ScrollPane that also do not call correctly.
For my button I am using this code:
facebookbtn.on (release) {
getURL("http://www.facebook.com/","_blank","GET");
^ This is placed on the button "facebookbtn". I also tried using: _root.bgPages.pg1.facebookbtn.on (release), to no avail.
For the one inside a ScrollPane I am attempting to call a javascript function:
on(release){
     import flash.external.ExternalInterface;
     ExternalInterface.call("GroupDelegate","dayone1");
^ This also does not work, with or without the button name before on(release).
I'm putting the FLA file here so that if anyone has the time, could help me with this quick problem. Thanks!
FLA: Download FLA

Do not place code inside objects with code on(blah2x). It will lead to unpredictable behaviors and besides it is bad practice. Centralize all your code on one frame in the timeline. Use this format on the main timeline:
import mx.utils.Delegate; //declare at top only ONCE
YourButton.onRelease = Delegate.create(this, YourFunctionCall);
or
YourButton.onRelease = function()
   //do your stuff here
Do the same thing with the ExternalInterface. You can put the import at the top along with Delegate.

Accessing MovieClip function of a MC inside a ScrollPane

I have a MC that is too tall for my stage and want to place it inside a ScrollPane. The probelm is accessing functions inside the MC. I have tried scrollpane.content.mc.function but that doesn't work. How do you access a mc inside tghe scrollpane?

>
>
No virus found in this incoming message.
Checked by AVG - www.avg.com
Version: 8.5.375 / Virus Database: 270.13.19/2245 - Release Date: 07/18/09 05:57:00
>
This code sits on the first frame of the swf being loaded into the
ScrollPane:
function setStepComplete(ss:Number,fs:Number):void{
    if(ss == fs){
        setCheckMark(ss);
    }else {
        for(var i=ss;i<=fs;i++){
            setCheckMark(i);
function setCheckMark(chknum:Number):void{
    with (pdiform) {
        switch(chknum){
            case 0:
                step0.gotoAndStop(2);
                break;
            case 1:
                step1.gotoAndStop(2);
                break;
            case 2:
                step2.gotoAndStop(2);
                break;
This is the code you suggested, sitting on the second frame; the
ScrollPane is on the first frame (no stops()).
MovieClip(sp_pdiform.content).setStepComplete(0,0);

Problem using accordion inside TabbedpanelContent

I have made a tabbed panel, inside (i.e in TabbedPanelContent) i have used multiple accordion & also i have used xml data set for displaying data.
Now problem is that the xml data is only displaying on Accordion & not on TabbedPanels.On TabbedPanelsTab it shows empty data.
The below is the script
<html>
<head>
<title>Library System</title>
<script type="text/javascript" language="javascript" src="SpryAssets/SpryAccordion.js"></script>
<script type="text/javascript" language="javascript" src="SpryAssets/SpryTabbedPanels.js"></script>
<script type="text/javascript" language="javascript" src="SpryAssets/SpryData.js"></script>
<script type="text/javascript" language="javascript" src="SpryAssets/xpath.js"></script>
<script>
var dsEmployees=new Spry.Data.XMLDataSet("quotes.xml","employees/employee1");
var dsEmployees=new Spry.Data.XMLDataSet("quotes.xml","employees/employee");
</script>
<link type="text/css" rel="stylesheet" href="SpryAssets/SpryAccorduion.css"/>
<link type="text/css" rel="stylesheet" href="SpryAssets/SpryTabbedPanels.css"/>
</head>
<body>
<div id="example" spry:region="dsEmployees" class="live">
<div id="TP2" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab">{bookworld}</li>
<li class="TabbedPanelsTab">{bookissued}</li>
<li class="TabbedPanelsTab">{myacc}</li>
<li class="TabbedPanelsTab">{newarrival}</li>
<li class="TabbedPanelsTab">{faq}</li>
<li class="TabbedPanelsTab">{logout}</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent"><br/>
<div id="DataRegion" spry:region="dsEmployees">
    <div id="Acc1" class="Accordion" tabindex="0">
    <div spry:repeat="dsEmployees" spry:test="{serial}==1" class="AccordionPanel">
      <div class="AccordionPanelTab">{lastname}</div>
      <div class="AccordionPanelContent">{firstname} {lastname}</div>
    </div>
    </div>
    <div id="Acc2" class="Accordion" tabindex="0">
    <div spry:repeat="dsEmployees" spry:test="{serial}==2" class="AccordionPanel">
      <div class="AccordionPanelTab">{lastname}</div>
      <div class="AccordionPanelContent">{firstname} {lastname}</div>
    </div>
    </div>
    <script type="text/javascript">
var a1 = new Spry.Widget.Accordion("Acc1");
var a2 = new Spry.Widget.Accordion("Acc2");
</script>
</div>
</div>
<div class="TabbedPanelsContent">ABN AMRO</div>
<div class="TabbedPanelsContent">ICICI BANK</div>
<div class="TabbedPanelsContent">YES BANK</div>
<div class="TabbedPanelsContent">UTI BANK</div>
<div class="TabbedPanelsContent">HDFC BANK</div>
</div>
</div>
<script>
var t2=new Spry.Widget.TabbedPanels("TP2");
</script>
</div>
</body>
</html>
Below is the xml code
<employees>
<employee1>
<bookworld>Book World</bookworld>
<bookissued>Book Issued</bookissued>
<myacc>My Account</myacc>
<newarrival>New Arrival</newarrival>
<faq>Faq's<faq>
<logout>Log Out</logout>
</employee1>
<employee>
<serial>1</serial>
<firstname>John</firstname>
<lastname>Marsh</lastname>
</employee>
<employee>
<serial>1</serial>
<firstname>John1</firstname>
<lastname>Marsh1</lastname>
</employee>
<employee>
<serial>2</serial>
<firstname>John2</firstname>
<lastname>Marsh2</lastname>
</employee>
<employee>
<serial>2</serial>
<firstname>John3</firstname>
<lastname>Marsh3</lastname>
</employee>
</employees>

Hi,
Yes I understood the query but a live accessible version always make it easier to diagnose what is wrong.
Well I've put a new page together with accordions working under spry tabbed panels with both being generated from the same Spry xml dataset and got it all working.
You need to do the following
To ensure you do not try to generate the accordion and tabbed panel behaviors etc until the Spry dataset has finished generating the html markup for the region.
var myObserver = new Object;
myObserver.onPostUpdate = function(notify, data)
var Accordion1 = new Spry.Widget.Accordion('Acc1');
var TabbedPanels1 = new Spry.Widget.TabbedPanels('example');
Spry.Data.Region.addObserver("example", myObserver);
The code for a working example I have done for repeating elements is as below
<!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>Untitled Document</title>
<script src="SpryAssets/xpath.js" type="text/javascript"></script>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<script type="text/javascript">

</script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="TabbedPanels1" class="TabbedPanels" spry:region="event">
<ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0" spry:repeat="event">{Title}</li>
</ul>
<div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent" spry:repeat="event">
      <div id="Accordion{ds_RowID}" class="Accordion" tabindex="0">
        <div class="AccordionPanel">
          <div class="AccordionPanelTab">{EventType}</div>
          <div class="AccordionPanelContent">{StartDate}</div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab">{EndDate}</div>
          <div class="AccordionPanelContent">{Details}</div>
        </div>
      </div>
    </div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
I've even put it on the Internet so you can see it in action.
http://www.pwhitehurst.f2s.com/tabbedaccordion.html
Hopefuly this should be enough to get yours working.
Regards
Phil

Hyperlink inside a scrollpane?

Hey guys,.
Ok Ive been looking into this for two days and really need the help! I need the button to link to an external website
I have my scrollpane on the stage, I have created the mc and exported it and linked it to the scrollpane, I have created a button on layer 1 inside the mc linked to the scrollpane and I have created a 2nd layer for as3. Below is the AS3 that I have used. When I export the mc to view the scrollpane everything works apart from the buttons itself. I can see everything but the buttons wont link to the webpage.
AS3
import flash.net.URLRequest;
btn1.addEventListener(MouseEvent.CLICK, goDesignSite);
function goDesignSite(Event:MouseEvent):void
var DesignURL:URLRequest = new URLRequest("http://www.krdesign.ie/html");
navigateToURL.(DesignSiteURL);
Any help would be greatly appreciated!!!
Gary

import flash.net.URLRequest;
btn1.addEventListener(MouseEvent.CLICK, goDesignSite);
function goDesignSite(Event:MouseEvent):void
var DesignURL:URLRequest = new URLRequest("http://www.krdesign.ie");
navigateToURL.(DesignURL);

Accordion inside accordion?

I would like to use an accordion; with another accordion located on the third tab within the first accordion. Is this possible? Flash would not let me import the second into the first and Dreamweaver does not offer the option either. I am using CS3 for the applications and I cannot get one inside the other. If this is not possible, would you be able to offer a suggestion as to how something like this may be done? Thank you in advance.

If you are building a Flash accordian why not just use ActionScript to include the additional flash file. That's how you do it. If you need help with the ActionScript side of it you would be better posting that over in the Flash forums:
http://forums.adobe.com/community/flash

Timeline Buttons Inside of ScrollPane

Hey Adobe-ers.
I created a scrollpane which contains several different buttons. Each button does a simple timeline navigation, but won't function inside of the scrollpane. I just need each button to 'gotoframeandstop'. How can I make these buttons work in a scrollpane?
Thanks!

You can assign the code to the buttons from the main timeline so that targeting the main timeline for the gotoAndStop() commands is direct (sp is the scrollpane instance name in this example)....
MovieClip(sp.content).wesley.addEventListener(MouseEvent.CLICK, fl_ClickToGoToAndStopAtFrame_93);
function fl_ClickToGoToAndStopAtFrame_93(event:MouseEvent):void
gotoAndStop(17);
Or you could try targeting the main timeline from where the code is now...
wesley.addEventListener(MouseEvent.CLICK, fl_ClickToGoToAndStopAtFrame_93);
function fl_ClickToGoToAndStopAtFrame_93(event:MouseEvent):void
MovieClip(root).gotoAndStop(17);

Force label width inside a scrollpane not working

hello
I have 7 buttons in a grid 7x1 one on top of another inside a scrolpane. i want to be able to scroll left/right 7200pixels but i can't get the scrollpane to be 7200 wide. if i make a component 7200 wide inside it, it does, but runs off the side. unless i put a 7200wide graphic as a label on that button, then i can traverse 7200 left and right with the jscrollbar. i am goign to want to select the number in the future though...have it be 1000 wide or 100000 wide on the fly....with a solid graphic that seems a kinda clunky way to do it. any ideas? i guess i need to find a way to force the scroll bar to always exist with X width.
thanks in advance

ignore me. i'm an idiot. the panel's preferred size was what was important, not the buttons inside it.

Anchor Link inside a Scrollpane

Is it possible to create anchor links in text within a scrollpane. I created text with a list of questions at the top of the list and answers at the bottom of the list. I want to be able to click on a question and jump down the list to the answer within the scrollpane. Similar to anchor links in html. Is this possible in AS2.

no but, you can use the scrollpane's vPosition to scroll to the correct position.

Error while having a accordion inside tabs

Hi,
I'm using a menu composed of tabs. In one of the tabs there is a accordion. When I go through the accordion, It wont "update" the height of the tab.
I believe I should "refresh" the tab just after a action has been made in the accordion.
Could someone help me fix that issue please.
Thanks in advance
<li class="menuTab">
            <div class="menuTab">
                <a href="#tabs-1">
<div id="tabs-4">
     <div id="Accordion1">
     </div>
</div>
<script type="text/javascript">
     $(function() {
         $( "#Tabs1" ).tabs();
     $(function() {
         $( "#Accordion1" ).accordion();
</script>

Thanks for taking part in my post !
To answer Nancy, I post here below the source, hope you'll figure the issue.
Thanks Ben for your tip, it's already better, but still:
     the size (height) for the accordion in the tab will be defined by the space that the first "accordion-tab" needs.
What I'd like is that the tabs height, kind of refresh / adapt to its new content when an "accordion-tab" is selected.
Thank you
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.tabs.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.accordion.min.css" rel="stylesheet" type="text/css">
<script src="jQueryAssets/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="jQueryAssets/jquery-ui-1.9.2.tabs.custom.min.js" type="text/javascript"></script>
<script src="jQueryAssets/jquery-ui-1.9.2.accordion.custom.min.js" type="text/javascript"></script>
</head>
<body>
<div id="Tabs1">
<ul>
    <li><a href="#tabs-1">Tab 1</a></li>
    <li><a href="#tabs-2">Tab 2</a></li>
    <li><a href="#tabs-3">Tab 3</a></li>
</ul>
<div id="tabs-1">
    <p>Content 1</p>
    <p> </p>
    <div id="Accordion1">
      <h3><a href="#">Section 1</a></h3>
      <div>
            <ul>
                <li>content 1</li>
                <li>content 1</li>
                <li>content 1</li>
                <li>content 1</li>
                <li>content 1</li>
                <li>content 1</li>
                <li>content 1</li>
                <li>content 1</li>
                <li>content 1</li>
                
            </ul>
      </div>
      <h3><a href="#">Section 2</a></h3>
      <div>
        <p>Content 2</p>
      </div>
      <h3><a href="#">Section 3</a></h3>
      <div>
              <ul>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
                <li>content 3</li>
              </ul>
      </div>
    </div>
    <p> </p>
</div>
<div id="tabs-2">
    <p>Content 2</p>
</div>
<div id="tabs-3">
    <p>Content 3</p>
</div>
</div>
<script type="text/javascript">
$(function() {
    $( "#Tabs1" ).tabs();
$(function() {
    //$( "#Accordion1" ).accordion();
    $( "#Accordion1" ).accordion({heightStyle: "fill"});
</script>
</body>
</html>

MenuItems inside a ScrollPane

Hi Swing experts,
Shouldn't we add MenuItems directly to a Panel and then to a JPopupMenu. I know we can add like that but my question is the normal navigation and showing/hiding is not happening properly. It happens only if MenuItems are added to the Menu/PopupMenu. So, should I implement my own menu selection manager for this....Any pointers?
Thanks in advance,
Jana

import flash.net.URLRequest;
btn1.addEventListener(MouseEvent.CLICK, goDesignSite);
function goDesignSite(Event:MouseEvent):void
var DesignURL:URLRequest = new URLRequest("http://www.krdesign.ie");
navigateToURL.(DesignURL);

Getting squish to work on IE inside accordion which is inside a table

Greetings all. I'm having trouble getting Squish to work
inside an accordion, on IE only. Everything works fine in Firefox.
Now, technically, this isn't a Spry problem; it's a problem with
the lame HTML I'm currently stuck with. See, everything works fine
when isolated in its own page. But when I drop the stuff into our
existing HTML, on IE the squish stops working. What happens is that
the div the squish is to open simply doesn't open up. it stays
hidden.
I've narrowed it down to this: it stops working when I put
the accordion divs inside a table cell. Yes, I'm stuck with using
tables for layout at this point and I can't change that. So the
question is, Is there a way I can get the squish to work in IE with
the accordion divs inside a table cell?
Here's the code:
<TABLE CLASS="bodyTable" cellpadding="0" cellspacing="0"
width="820">
<TR>
<TD CLASS="middleCol" align="left" width="100%"
id="middleCol">
<div class="library_Accordion" id="library">
<div
id="library_AccordionPanel_1"class="library_AccordionPanel">
<div
id="library_AccordionPanelTab_1"class="library_AccordionPanelTab"
onclick="accordionSetSelectedTabCookie('_accordion_library',0)"><h3>Search
Library</h3></div>
<div id="library_AccordionPanelContent_1"
class="library_AccordionPanelContent">
<div>
jjjj
</div>
</div>
</div>
<div
id="library_AccordionPanel_2"class="library_AccordionPanel">
<div
id="library_AccordionPanelTab_2"class="library_AccordionPanelTab"
onclick="accordionSetSelectedTabCookie('_accordion_library',1)"><h3>Add
Custom PDF</h3></div>
<div id="library_AccordionPanelContent_2"
class="library_AccordionPanelContent">
fff
<input type="checkbox" name="AddToLibrary" value="1"
onclick="effect.start();resizePanel()">Add upload to Library?
<div>
<div id="AddToLibraryDiv" align="left"
style="visibility:hidden;display:none">
<p>blah blah blah</p>
<p>blah blah blah</p>
<p>blah blah blah</p>
<p>blah blah blah</p>
<p>blah blah blah</p>
</div>
</div>
<script type="text/javascript">
var effect = new Spry.Effect.Squish("AddToLibraryDiv",{from:
"0%", to: "100%", duration: 100, toggle: true, fps: 90,
scaleContent: false});
function resizePanel(){
document.getElementById('library_AccordionPanelContent_2').style.height="auto";
document.getElementById('library_AccordionPanelContent_2').style.display="block";
document.getElementById('library_AccordionPanelContent_2').style.visibility="visible";
</script>
</div>
</div>
</div>
<script language="JavaScript" type="text/javascript">
var library = new
Spry.Widget.Accordion("library",{enableAnimation:true,steps:10,duration:200,defaultPanel: 0,useFixedPanelHeights:false});
</script>
</TD>
</TR>
</TABLE>
Thanks to all for any advice!
Marc E.

now this is interesting: it appears that the problem is in
the construction of the effect widget. if I do this:
<input type="checkbox"
onclick="startIt();resizePanel();">check me
<script>
function startIt(){
new Spry.Effect.Squish("AddToLibraryDiv",{from: "0%", to:
"100%", duration: 200, toggle: true, fps: 90, scaleContent:
false}).start();
function resizePanel(){
document.getElementById('library_AccordionPanelContent_2').style.height="auto";
document.getElementById('library_AccordionPanelContent_2').style.display="block";
document.getElementById('library_AccordionPanelContent_2').style.visibility="visible";
</script>
Then the div will show up. now, the behavior is wrong in that
it never disappears because of the way i'm doing it. still, this at
least leads me to believe that showing/hiding the div inside of an
accordion inside of a table cell is possible. So I can't use the
constructor in the normal manner... question is, is there a way to
do it otherwise?
thanks all!

Accordion inside a scrollPane

Similar Messages

Maybe you are looking for