(1) Horizontal Sliding Menu layout - free version DOWNLOAD            (3) Vertical Flyout Menu layout - free version DOWNLOAD
(2) Horizontal Drop Down Menu layout - free version DOWNLOAD    (4) Vertical Sliding Menu layout - free version DOWNLOAD

Starting the Work
To start working with the component simply drag its copy onto the Stage and specify menu properties. For high quality motion
our menu usually requires high fps values. In our component we used fps = 21


User friendly custom UI
All menu parameters can be modified in a really easy to use interface (Custom UI). Look screenshots:

CustomUI Menu Properties screenshot   CustomUI Menu Style screenshot   CustomUI Menu Tree screenshot


Parameter Description

Menu properties

Menu Button width

This parameter sets the width of the main and sub buttons. If set to "", the menu buttons width will be automatically calculated.

Menu shadow

You can chose a menu shadow state. If set to "true" – menu will be with shadow, "false" - menu will be without shadow.

Main menu bar round corners

You can chose, show or not round main menu corners. If set to "true" - menu bar will be with corners, "false" - menu bar will be without corners.

Menu background
This parameter is the path to the menu background file. Its value may be either an external jpeg or swf + gif & png file path.
If no name is specified, the background will not be used. If the name is incorrect, the background will not be used.

Menu rollover sound
This parameter is the path to the menu buttons rollover sound file. Its value may be either an external mp3 file path. If no
name is specified, the rollover sound will not be used. If the name is incorrect, the rollover sound will not be used.


Menu style (Independent color settings for main and sub menus)

Button background color
This parameter determines the button background color. The color should be set in RGB in the following format: NNNNNN,
where N is a hexadecimal number (0-F).

Button rollover bar color
This parameter determines the button rollover bar color. The bar color will be displayed when the user will rollover the cursor on the button. The color should be set in RGB in the following format: NNNNNN,
where N is a hexadecimal number (0-F).

Button text color
This parameter determines the button label color. The color should be set in RGB in the following format: NNNNNN, where N is a hexadecimal number (0-F).

Button rollover text color
This parameter determines the button rollover label color. The bar color will be displayed when the user will rollover the cursor
on the button. The color should be set in RGB in the following format: NNNNNN, where N is a hexadecimal number (0-F).

Button text size
This parameter determines the text size of the button. The text size should be set in the following format: N, where N is a
number.

Button text font
This parameter determines the button label font.

Button text bold status
This parameter determines the bold status of a button label. If set to "0", the bold status will be disabled. If set to "1", the bold status will be enabled.


Menu tree

Menu tree editor
Here you can add, remove and change main and sub buttons.

Button actions
If you want that the button was visible without execute any action then set it's ACTION to "".

" GetUrl " opens url in target window.
"loadMovie" load your file (jpeg, swf + gif & png) in target movie clip.
" gotoAndStop " go and stop to frame or label in target movie clip.
" gotoAndPlay " go and play to frame or label in target movie clip.
" nameofyourfunction " execute your function in target movie clip and transfer parameter in it (if it is necessary).


XML File Format

To prepare your SWF file for work with external configuration xml file you need setup it. The component settings XML file is a
usual text file of the following format:

<menu>

<properties>
<menu_buttons_width width="160"/>
<menu_shadow state="1"/>
<main_menu_corners state="1"/>
<menu_background bg_file_path="bg.jpg"/>
<menu_rollover_sound mp3source="sfx.mp3" mp3volume="10"/>
</properties>

<style>
<main_button_background Color="BFAA8C"/>
<main_button_rollover_bar_light Color="52402E"/>
<main_button_text Color="52402E" rolloverColor="FFFFFF"/>
<main_button_text_font name="Tahoma"/>
<main_button_text_bold state="1"/>
<main_button_text_size size="11"/>
<sub_button_background Color="ABBF8C"/>
<sub_button_rollover_bar_light Color="526237"/>
<sub_button_text Color="52402E" rolloverColor="FFFFFF"/>
<sub_button_text_font name="Tahoma"/>
<sub_button_text_bold state="1"/>
<sub_button_text_size size="11"/>
</style>

<buttons>
<button text="Button actions" url="" target="" action="">
<button text="getUrl action" url="your.html" target="_blank" action="getUrl"/>
<button text="loadMovie" url="tst.swf" target="_parent.test_mc.swfloader" action="loadMovie"/>
<button text="gotoAndStop action" url="30" target="_parent.test_mc" action="gotoAndStop"/>
<button text="gotoAndPlay action" url="playframe" target="_parent.test_mc" action="gotoAndPlay"/>
<button text="myFunction action" url="1000" target="_parent.test_mc" action="myFunction"/>
</button>
<button text="Products" url="your.html" target="_blank" action="getUrl"/>
<button text="Services" url="your.html" target="_blank" action="getUrl"/>
<button text="Contact Us" url="your.html" target="_blank" action="getUrl"/>
<button text="Company" url="your.html" target="_blank" action="getUrl"/>
</buttons>

</menu>