My account
Shopping cart
Knowledge base
Support


Create a simple Drop Down Tree menu tutorial



1. First you need to make sure that your Drop Down Tree MenuV3 is installed. Open Adobe Flash CS3, create a new file (File/New/Flash Document) and look for the Drop Down 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 (menu_easy.xml).

3. Set your Flash document to 400px width and 300 px 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 Drop Down 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 Drop Down Tree Menu component as below.



Insert the instance name (dropDownTreeMenu), 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='Drop Down Tree Menu v3'>
     <data>
          <main>
               <item title="Home">
                    <item title="Subtitle 1">
                         <item title="Subtitle 1" />
                         <item title="Subtitle 2" />
                         <item title="Subtitle 3" />
                    </item>
               </item>
      ………….      ………….      ………….      ………….      ………….
    ………….      ………….      ………….      ………….      ………….

          </main>
     </data>
</component>


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