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

    Menu bottom to top

    oogbalhaar

      Hi,

       

      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();" >

          <mx:Script>

              <![CDATA[

                  import mx.events.MenuEvent;

                  import mx.controls.Alert;

                  import mx.collections.*;

                  [Bindable]

                  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>

                                 </menuitem>

       

       

                             </menuitem>   

       

                             <menuitem label="Grid" >

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

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

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

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

                             </menuitem>   

       

                             <menuitem label="Legenda" >

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

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

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

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

                             </menuitem>    

       

                         </menuitem>

                         </menuitem>

                      </>;

       

                  // 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:Script>

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

              paddingTop="20" paddingLeft="100">

       

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

                  dataProvider="{menuBarCollection}" />

          </mx:Panel>

      </mx:Application>

       

      Hope anyone can help

       

      grtz, oogbalhaar