Flex Examples

3 Responses to “Setting a custom tool tip field on a ButtonBar control in Flex”

1. 1 Craig Hollabaugh Apr 28th, 2008 at 5:18 pm

   Thanks for the tooltip tip.

   Please consider an example that increases the buttonbar’s selected button. The skin color border hilighting isn’t enough contrast. I can’t figure out how to change the style of the selected button. I may have to use different icons in the provider.

2. 2 peterd Apr 28th, 2008 at 5:55 pm

   Craig Hollabaugh,

   Does this work for you:

   <?xml version="1.0" encoding="utf-8"?>
   <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
           layout="vertical"
           verticalAlign="middle"
           backgroundColor="white">
   
       <mx:Style>
           .allButtons4 {
               /* Creates a gradient from red/orange when button is in the
                  "out" state. Creates a gradient from green/blue when
                  button is in the "over" state. */
               fillColors: red, haloOrange, haloGreen, haloBlue;
               fillAlphas: 1.0, 0.6, 1.0, 0.6;
   
               color: white;
               textRollOverColor: white;
           }
       </mx:Style>
   
       <mx:ButtonBar id="buttonBar" buttonStyleName="allButtons4">
           <mx:dataProvider>
               <mx:Array>
                   <mx:Object label="Button" />
                   <mx:Object label="ButtonBar" />
                   <mx:Object label="CheckBox" />
                   <mx:Object label="ColorPicker" />
                   <mx:Object label="ComboBox" />
               </mx:Array>
           </mx:dataProvider>
       </mx:ButtonBar>
   
   </mx:Application>
   

   Modified slightly from, “Changing the fill colors of a ButtonBar control in Flex”.

   I don’t believe a ButtonBar control has a “selected button”, per se. You may want to use the ToggleButtonBar instead. For more examples on the ToggleButtonBar control, see the ToggleButtonBar category archive.

   Peter

3. 3 Craig Hollabaugh Apr 29th, 2008 at 1:52 am

   Peter,
   Thanks for the add-on example. You are correct, I meant a ToggleButtonBar in my comment above. I checked your ToggleButtonBar category, you’re using the default skin hilighting (a little blue border and shade darker background). Is is possible to change the background for the selected button? The flex docs mention selectedButtonTextStyleName but nothing about selectedButtonStyleName. I didn’t see anything in the ‘Style Explorer’ either.

   Thanks for your help. I read/compile/learn from your examples everyday.
   Craig

Leave a Reply