My account
Shopping cart
Knowledge base

Create a simple Accordion Tree menu tutorial

1. First you need to make sure that your Accordion Tree MenuV3 is installed. Open Macromedia Flash, create a new file (File/New/Flash Document) and look for the Accordion Tree menu component in the Components window (Ctrl+F7 on Windows; Command+F7 on Mac) on the V3 Components - Jumpeye. If you canít find the component, you need to install it (see How to install a MXP file tutorial).

2. You will need an xml file for this component to work. You can create your own xml file or you can use this file that Iíve used (called menu_easy.xml).

3. Set your Flash document to 400px width and 300px height and 28 fps frame rate as in the image below.

Click OK and save the file in the same directory with the xml.

4. Drag the Accordion Tree menu on stage from the Components palette (Ctrl+F7 or Command+F7 on Mac).

5. If you have any troubles configuring this component press F1 for Help (see How to find Help for Jumpeye components for further reference)

6. With the component selected, set the size and position of the Accordion Tree Menu component as below.

Insert the instance name (accordionTreeMenu), because you will need it if you want to add action script to it.

7. Open the Component Inspector window (the component must be selected; if is not selected, click on the component again then open the Component Inspector) by pressing Alt+F7 (Option+F7 on Mac) or choose in the Flashís menu Window>Component Inspector and set up the component as in the image you have below.

8. Set up your xml file or you can download the xml file Iíve used. Below you have an example.

<?xml version='1.0' encoding='UTF-8'?>
<component name=Accordion Tree Menu v3'>
               <item title="Home">
                    <item title="Subtitle 1">
                         <item title="Subtitle 1" />
                         <item title="Subtitle 2" />
                         <item title="Subtitle 3" />    
      ………….      ………….      ………….      ………….      ………….
    ………….      ………….      ………….      ………….      ………….

Item Title Ė the title that is displayed on the main title bars or child bars

In order to see the entire list of parameters that can be used in the xml file, please see the xml help page.

9. After you create the xml file hit Ctrl+Enter to test your movie (or Command+Enter on Mac). Before that make sure that your path to the xml file is correctly written in Component Inspector panel, inside the xmlPath parameter. This is how your swf file should look like :

Download the source files for this tutorial