2 Replies Latest reply on Nov 12, 2009 4:16 PM by vickica

    ToggleButton - Effect on the icon and label below the icon

    ^^GOUST^^

                  <mx:ToggleButtonBar x="169" y="294" width="340">
                          <mx:dataProvider>
                              <mx:Array>
                                       <mx:Object label="test" icon="@Embed(source='br/com/sada/view/images/la.png')" />

                              </mx:Array>
                          </mx:dataProvider>
                      </mx:ToggleButtonBar>

       

       

      some form of label rather than stand in front of him go under the icon??



      ------------------------------------------------------------------------------------------ -----
      ------------------------------------------------------------------------------------------ -----
      ------------------------------------------------------------------------------------------ -----
      ------------------------------------------------------------------------------------------ -----


                  <mx:ToggleButtonBar x="169" y="294" width="340">
                           <mx:dataProvider>
                               <mx:Array>
                                        <mx:Object label="test" icon="@Embed(source='br/com/sada/view/images/la.png')" rollOverEffect="{over}" rollOutEffect={out}"/>

                              </mx:Array>
                           </mx:dataProvider>
                       </mx:ToggleButtonBar>

       

          <mx:Parallel id="over">
              <mx:Glow duration="800" color="#FFFFFF"/>
              <mx:Resize duration="400"
                         heightTo="54"
                         widthTo="54"/>
          </mx:Parallel>

       

          <mx:Parallel id="out">
              <mx:Glow duration="300" color="#FFFFFF"/>
              <mx:Resize duration="350"
                         heightTo="48"
                         widthTo="48"/>
          </mx:Parallel>

       

       

      this end I am doing is for the zoom icon in ToggleButtonBar but is not working anyone know how to do this case?

        • 1. Re: ToggleButton - Effect on the icon and label below the icon
          RUSH-ME Level 3

          Hi

           

          You area using rollOverEffect="{over}" rollOutEffect={out}" to a Object. so its not possible to cause any effect. To add effect to the ToogleButtonBar use this

           

          <mx:ToggleButtonBar x="169" y="294" width="340" rollOverEffect="{over}" rollOutEffect="{out}">

                               <mx:dataProvider>

                                   <mx:Array>

                                       <mx:Object label="test" icon="@Embed(source='assets/images/pattern_136.gif')"

                                       />

                                  </mx:Array>

                               </mx:dataProvider>

                           </mx:ToggleButtonBar>

           

              <mx:Parallel id="over">

                  <mx:Glow duration="800" color="#FFFFFF"/>

                  <mx:Resize duration="400"

                             heightTo="54"

                             widthTo="54"/>

              </mx:Parallel>

           

              <mx:Parallel id="out">

                  <mx:Glow duration="300" color="#FFFFFF"/>

                  <mx:Resize duration="350"

                             heightTo="48"

                             widthTo="48"/>

              </mx:Parallel>

           

          Hope this helps

           

          Regards

          Rush-me

          • 2. Re: ToggleButton - Effect on the icon and label below the icon
            vickica

            Hi rush,

             

            That toggles the entire buttonbar, but how do you "glow" just the one button selected on the buttonbar?