Download PopUp ToolBar
A click in the the menu opens a new PopUp Panel. This Panel can contain your custom components. You can move, resize, minimize and close this PopUp Panel. You can choose whether your menu appears horizontal or vertical.
For each item in the menu you need to declare two components.
The first is for the icon in the toolbar, the second is for component which opens up if you click the menu item. For both Items you can use any UIComponent.
It makes sense to use for the icon the mx.controls.Button or the mx.controls.Image widget. For the second component you should use some kind of container like mx.containers.Canvas, HBox or VBox or similar. In this container you can place your own widgets or components.
The PopUp ToolBar contains two custom tags.
The first is the
target:UIComponent the target container where the PopUp Panel appears. If you leave this property empty, the ToolbarMenu uses its parent as default target.
dataProvider:ArrayCollection contains the ToolBarMenuItems. A ToolBarMenuItem contains a pair of two UIComponents. The first is the icon for the menu, the second is Container component for the PopUp Panel.
direction:String the two possible values are: horizontal or vertical
The second is the
All the properties (except: event) of the ToolBarItem effect the behavior of the PopUp Panel. This component has the properties:
title:String the title of the PopUp Panel
x:Number the x position of the PopUp Panel relative to the target.
y:Number the y position of the PopUp Panel relative to the target.
width:Number the width of the PopUp Panel, the default value is 200 pixel
height:Number the height of the PopUp Panel, the default value is 200 pixel
event:String the event for the item in the menu which triggers a new PopUp Panel,
possible values are: click, doubleClick, mouseOver