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

Accordion Panel V3

(views: 4600)

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: 1226)

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



Back

Knowledge Base Search

Enter keywords bellow:
Advanced Search

Menu

Special Offer

Special Offer - All in one Jumpeye Components bundle!

Get the JC Master Collection Now!

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