My account
Shopping cart
Knowledge base

Accordion Panel Pro V1

flash_mx2004  flash_8  flash_cs3  as20 

flash component

Code Samples


Accordion Panel Pro V1 has been discontinued, you can purchase Accordion Panel V3 instead.

About Accordion Panel V1

Built by Jumpeye Creative Media Inc., Accordion Panel Pro v1 is a professional component that can be used along with your flash movies. Accordion Panel Pro is special designed for FLASH 8 and Flash MX2004.

The Accordion Panel Pro can load external swf and jpg files and display them in the component's compartments. From the properties panel you can customize 12 parameters, such as size, colors, title font, font size, tweening method (true/false), all/one opened window at a time. The tool's skin is very modern and looks good within every web site. The Accordion's look is inspired from Macromedia's authoring environments such as Flash 8, Dreamweaver 8 and Fireworks 8.

The Accordion Panel Pro v1 is made for VERTICAL purposes, it can be rotated and also needs fonts to be embed when rotating it to the horizontal position. So we have launched now, the Accordion Panel Pro V2 which is recommended for HORIZONTAL purposes. Its title-bars are also skinable (not only customizable). THE ACCORDION PANEL PRO V2 is not an upgrade to the Accordion Panel Pro v1. It's a different component, more likely to be used for horizontal purpose. We used the "v2" naming only because it is another edition of the accordion panel idea...

The Accordion's content source file is an XML. ( a basic XML content of an accordion can be found here) The path attribute holds the path of the swf movie loaded in an accordion compartment, the title attribute holds the title of the compartment and the opened attribute specify if a compartment will load opened or closed first.

There are 4 events broadcasted: onLoadXML , onLoadContents , onOpenItem and onCloseItem. Use a listener object attached to the accordion in order to retrieve events. We also included a function for opening/closing an item without clicking over it: accordionInstance.openItem(itemNumber).


1. Load external swf files in the accordion. The imported files will be masked with a width = panel width, which is also adjustable.
2. Load XML configuration file.
3. Tweening options on accordion's items. (can be turned off:false)
4. Choose tweening speed.
5. Choose color(s) for the accordion's bars. (flat or gradient)
6. Choose the font for the title.
7. Choose the font size and style for the title bars.
8. Choose opening mode. (one/all)
9. Choose individual colors for title bars
10. Catch onLoadXML , onLoadContents , onOpenItem and onCloseItem events.
11. openItem(itemNumber) function included. Use this function in order to open/close items from actionscript.


IDE Version: Macromedia MX2004, Macromedia Flash 8, Adobe Flash CS3
Action Script Version: AS2.0
Flash Player Version: Flash Player 7, Flash Player 8, Flash Player 9 +

UI Access

Accordion Panel Pro V1 can be accessed from Components panel under UI Pro Components – jumpEYE.