Setting a custom tool tip field on a ButtonBar control in Flex

4 Responses to Setting a custom tool tip field on a ButtonBar control in Flex

1. Craig Hollabaugh says:

   April 28, 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.

   Reply
2. peterd says:

   April 28, 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

   Reply
3. Craig Hollabaugh says:

   April 29, 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

   Reply
4. daniel says:

   January 3, 2011 at 1:59 pm

   How can this be done with a Spark buttonbar?

   Reply