Adding style to ButtonBar : ButtonBar « Components « Flex

Home
Flex
1.Chart
2.Components
3.Container
4.Data Model
5.Development
6.Effects
7.Event
8.Graphics
9.Grid
10.Style
Flex » Components » ButtonBarScreenshots 
Adding style to ButtonBar
Adding style to ButtonBar
       

<!--
Code from Flex Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1proper attribution to Adobe is given as the owner of the user guide; and 
  (2any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->


 
<!-- dpcontrols\spark\SparkBBStyled.mxml --> 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
xmlns:s="library://ns.adobe.com/flex/spark" 
xmlns:mx="library://ns.adobe.com/flex/mx"
    <s:layout> 
        <s:VerticalLayout paddingLeft="20" paddingTop="20"/> 
    </s:layout> 
    <fx:Style> 
        @namespace s "library://ns.adobe.com/flex/spark"
        s|ButtonBar s|ButtonBarButton:upAndSelected, 
        s|ButtonBar s|ButtonBarButton:overAndSelected, 
        s|ButtonBar s|ButtonBarButton:downAndSelected, 
        s|ButtonBar s|ButtonBarButton:disabledAndSelected 
             chromeColor: #663366
             color: #9999CC; 
        
        s|ButtonBar 
            chromeColor: #9999CC; 
            color: #663366
        
    </fx:Style> 
    <s:ButtonBar requireSelection="true" width="320"
        <mx:ArrayCollection> 
            <fx:String>Flash</fx:String> 
            <fx:String>Director</fx:String> 
            <fx:String>Dreamweaver</fx:String> 
            <fx:String>ColdFusion</fx:String> 
        </mx:ArrayCollection> 
    </s:ButtonBar> 
</s:Application>

   
    
    
    
    
    
    
  
Related examples in the same category
1.Use ButtonBar with Use ButtonBar with <mx:ButtonBar>
2.ButtonBar and an event listener for the itemClick eventButtonBar and an event listener for the itemClick event
3.A ButtonBar control automatically adds or removes children based on changes to the dataProvider propertyA ButtonBar control automatically adds or removes children based on changes to the dataProvider property
4.Spark ButtonBarSpark ButtonBar
5.ButtonBar defines an event listener for the change eventButtonBar defines an event listener for the change event
6.Create a Spark ButtonBar control to navigate the ViewStack containerCreate a Spark ButtonBar control to navigate the ViewStack container
7.Creating an MX ButtonBar controlCreating an MX ButtonBar control
8.ButtonBar click changed eventButtonBar click changed event
www__.___j__a_va2_s___.c___o___m__ | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.