Knowledge Base


Important! All new questions are usually answered within the next business day.

Accordion Panel V3

(views: 12990)

Accordion Panel V3 is a professional accordion component that loads movies and movieclips and supports both horizontal and vertical orientation, it supports customized tweens, states and visual styles. Here are all known issues for Accordion Panel V3. If you have any questions that you think we should discuss here please let us know.



Open the Accordion Panel upwards

(2007-07-12 - views: 3356)

Q: I was wondering if I can make the Accordion Panel v3 expand upwards instead of downwards?
A: The default behavior of the Accordion Panel is to expand downwards or left to right. However you can "simulate" the upward functionality (vertical orientation mode) and below is how you can do it.
First of all you have to create an "invisible" title item and content. You have to create a state (and apply a style) for the first item of the accordion panel. On the attached files, if you open the expandUpwards.fla inside the Library you'll find the AP_GreenA2_style2_false_up item which have the same linkage id as its name. If you open that movieclip you'll notice that it is an empty one. This way we will have the invisible title. Inside the XML file you have to let the title parameter empty and you must create an style for the "invisible" item as below:

<item style="style2" title=""  contentPath="test.swf" contentSize="150" />
.....
.....
    <style2>
            <states>
                <up>
                    <mcLinkageId>AP_GreenA2_style2_false_up</mcLinkageId>
                </up>
            </states>
    </style2>
......
As you've noticed the content of the first item is test.swf which is an empty swf file (see the test.fla file).

Once you have done all these steps, all you have to do is to add a snippet that will collapse the second item (the second item of the accordion panel is the first visible one) on second click on it.

Too confusing? Download the attached example.
Files: expandUpwards.zip 


Login to post your comment login to post your comment

Other questions in this item:

Installing the Accordion Panel V3 Open the accordion panels automatically Vertical title for horizontal accordion panel Use the Accordion Panel without external XML file Accordion Panel communicates with a loader Use HandCursor on Accordion Panel's items Auto open a panel on startup the title isn't showing in the horizontal mode Load different kind of data into AccordionPanelV3 Dimensions Stopping video content when changing the panel Panel opens only after content is loaded, when loadExpandedItemsOnly is true Access header title and panel content Access accordion panel loaded with loadMovie inside container clip Non Latin characters Panel opens only after content is loaded, when loadExpandedItemsOnly is true Get the size of panel's content Rotate the direction of the text on horizontal Accordion TEXTU appears in my file HyperLinking panels Getting accurate accordion height Flv playback inside accordion Open URL from panel content, not from panel header Open URL from panel content, not from panel header Load new content without XML Graphics below the accordion panel Acces accordion panel from content Access header title and panel content Acces accordion panel from content Open panels from bottom to top and left to right Non Latin characters Accordion Panel slide show Accordion Panel communicates with a loader Open panels upward for vertical accoirdion and to the left for horizontal accordion Get selected panel and content Panels with different sizes Load new content without XML Open Accordion panels automatically (slide show)


Back

Knowledge Base Search

Enter keywords below:
Advanced Search
FlashEff 2.0
Create professional flash photo slideshows online

FREE Flash Stuff

Check out these free, fully functional AS3.0 Flash components by Jumpeye:

FlashEff 2.0 Free
(free for non-commercial use)

JC Panorama
(free for non-commercial use)

JC Play List
(fully free)

Basic Menu Pack V3
(free AS3 version)

MCTE V3
(free AS3 version)

JC Player
(free for non-commercial use)

JC Flash Map
(free for non-commercial use)

Flash Bookmarks
(fully free)

ActionScript Bridge AS2-AS3
(fully free)

JS Charts
(free for non-commercial use)

Free Trial Versions

The trial versions do have a major limitation. They will ONLY run into debugger flash player versions, such as the Flash IDE player and the activeX FP used by developers.

Switch from Free Trial version to Full version.

You can switch from Trial to Full versions in a blink of an eye.
See this tutorial in order to find out how.

We accept Google Checkout

Google Checkout Acceptance Mark

Secured by VeriSign