0 Replies Latest reply on Nov 24, 2009 7:16 AM by oogbalhaar

    Menu bottom to top




      We are doing a schoolproject and 1 of our jobs is to make a menu in Flex3


      Making a menu aint a big deal, but we want a bottom to topmenu, but i am not able to find any information about this.


      Does anyone here maybe know how to make such a menu?


      Here is the menu we use now, which is a top to bottom menu:


      <?xml version="1.0"?>

      <!-- Simple example to demonstrate the MenuBar control. -->

      <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

      creationComplete="initCollections();" >



                  import mx.events.MenuEvent;

                  import mx.controls.Alert;

                  import mx.collections.*;


                  public var menuBarCollection:XMLListCollection;

                  private var menubarXML:XMLList =


                          <menuitem label="Menu" data="1">


                             <menuitem label="Proxy" >

                                   <menuitem label="Proxypunt toevoegen" type="radio"

                                      groupName="one" data="1A"/>

                                   <menuitem label="Proxypunt toevoegen" type="radio"

                                      groupName="one" data="1B"/>

                                  <menuitem label="Proxylaag toevoegen" type="radio"

                                      groupName="one" data="1C"/>

                                  <menuitem label="Proxylaag verwijderen" type="radio"

                                      groupName="one" data="1D"/>

                                  <menuitem label="Proxylaag weergeven" type="check"

                                      groupName="one" data="1E">

                                      <menuitem label="blaat" type="check"

                                      groupName="one" data="1E"/>








                             <menuitem label="Grid" >

                                  <menuitem label="Gridlaag toevoegen" type="radio"

                                      groupName="two" data="2A"/>

                                  <menuitem label="Gridlaag verwijderen" type="radio"

                                      groupName="two" data="2B"/>



                             <menuitem label="Legenda" >

                                  <menuitem label="Gridlaag toevoegen" type="radio"

                                      groupName="three" data="3A"/>

                                  <menuitem label="Gridlaag verwijderen" type="radio"

                                      groupName="three" data="3B"/>







                  // Event handler to initialize the MenuBar control.

                  private function initCollections():void {

                      menuBarCollection = new XMLListCollection(menubarXML);


                  // Event handler for the MenuBar control's itemClick event.

                  private function menuHandler(event:MenuEvent):void  {

                          Alert.show("Label: " + event.item.@label + "\n" +

                              "Data: " + event.item.@data, "Clicked menu item");




          <mx:Panel title="HANWorks Menubar" height="40%" width="40%"

              paddingTop="20" paddingLeft="100">


              <mx:MenuBar labelField="@label" itemClick="menuHandler(event);"

                  dataProvider="{menuBarCollection}" />




      Hope anyone can help


      grtz, oogbalhaar