0 Replies Latest reply on Dec 22, 2010 9:12 PM by edwinmerced

    Pretty Big Menubar

    edwinmerced Level 1

      I have a pretty big menubar (0ver sixty options) inside an Application Control Bar: In my declarations I have the following:

       

      <fx:XMLList id="menuXML">
                  <fx:menuitem label="Home" />
                  <fx:menuitem label="Unit 1">
                      <fx:menuitem label="Module 1.1" data="11" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 1.1.1" data="111" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 1.1.2" data="112" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 1.1.3" data="113" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 1.1.4" data="114" type="radio" groupName="one"/>
                      <fx:menuitem label="Module 1.2" data="12" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 1.2.1" data="121" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 1.2.2" data="122" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 1.2.3" data="123" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 1.2.4" data="124" type="radio" groupName="one"/>
                      <fx:menuitem label="Module 1.3" data="13" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 1.3.1" data="131" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 1.3.2" data="132" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 1.3.3" data="133" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 1.3.4" data="134" type="radio" groupName="one"/>
                      <fx:menuitem label="Module 1.4" data="14" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 1.4.1" data="141" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 1.4.2" data="142" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 1.4.3" data="143" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 1.4.4" data="144" type="radio" groupName="one"/>
                  </fx:menuitem>
                  <fx:menuitem label="Unit 2">
                      <fx:menuitem label="Module 2.1" data="21" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 2.1.1" data="211" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 2.1.2" data="212" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 2.1.3" data="213" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 2.1.4" data="214" type="radio" groupName="one"/>
                      <fx:menuitem label="Module 2.2" data="22" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 2.2.1" data="221" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 2.2.2" data="222" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 2.2.3" data="223" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 2.2.4" data="224" type="radio" groupName="one"/>
                      <fx:menuitem label="Module 2.3" data="23" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 2.3.1" data="231" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 2.3.2" data="232" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 2.3.3" data="233" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 2.3.4" data="234" type="radio" groupName="one"/>
                      <fx:menuitem label="Module 2.4" data="24" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 2.4.1" data="241" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 2.4.2" data="242" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 2.4.3" data="243" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 2.4.4" data="244" type="radio" groupName="one"/>
                  </fx:menuitem>
                  <fx:menuitem label="Unit 3">
                      <fx:menuitem label="Module 3.1" data="31" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 3.1.1" data="311" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 3.1.2" data="312" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 3.1.3" data="313" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 3.1.4" data="314" type="radio" groupName="one"/>
                      <fx:menuitem label="Module 3.2" data="32" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 3.2.1" data="321" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 3.2.2" data="322" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 3.2.3" data="323" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 3.2.4" data="324" type="radio" groupName="one"/>
                      <fx:menuitem label="Module 3.3" data="33" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 3.3.1" data="331" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 3.3.2" data="332" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 3.3.3" data="333" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 3.3.4" data="334" type="radio" groupName="one"/>
                      <fx:menuitem label="Module 3.4" data="34" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 3.4.1" data="341" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 3.4.2" data="342" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 3.4.3" data="343" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 3.4.4" data="344" type="radio" groupName="one"/>
                  </fx:menuitem>
                  <fx:menuitem label="Unit 4">
                      <fx:menuitem label="Module 4.1" data="41" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 4.1.1" data="411" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 4.1.2" data="412" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 4.1.3" data="413" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 4.1.4" data="414" type="radio" groupName="one"/>
                      <fx:menuitem label="Module 4.2" data="42" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 4.2.1" data="421" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 4.2.2" data="422" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 4.2.3" data="423" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 4.2.4" data="424" type="radio" groupName="one"/>
                      <fx:menuitem label="Module 4.3" data="43" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 4.3.1" data="431" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 4.3.2" data="432" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 4.3.3" data="433" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 4.3.4" data="434" type="radio" groupName="one"/>
                      <fx:menuitem label="Module 4.4" data="44" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 4.4.1" data="441" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 4.4.2" data="442" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 4.4.3" data="443" type="radio" groupName="one"/>
                          <fx:menuitem label="     Topic 4.4.4" data="444" type="radio" groupName="one"/>
                  </fx:menuitem>
              </fx:XMLList>

      Each Module consist of a lesson with a viewstack.

      I would like to load Modules when each option (lesson) on the  menubar is clicked.

       

      Any idea on how to proceed?.

       

      All help appreciated...