Docker

This is a component to make Dockable Menus and Toolbars, similar to Microsoft Products. It looks somewhat like this.


There are 3 ToolBars in this example. One containing a Menu docked to the top. One floating and one docked to the bottom.

The Basic organisation of a docker is like this:

<mx:Application>
<Docker width="100%" height="100%">
    <DockableToolBar id="toolbar3" width="100%" minWidth="0">
       <mx:MenuBar id="menubar" dataProvider="{myMenuBarData}" showRoot="false"/>
    </DockableToolBar>

    <DockableToolBar id="toolbar" width="100%" minWidth="0">
       Toolbar Controls
       Toolbar Controls
       Toolbar Controls
    </DockableToolBar>

    Other Application Elements
</Docker>
</mx:Application>

Example and Source

You need Flex 2.0 Beta 3 to compile and run the source.