Spark List with alternating Item Colors : List « Components « Flex






Spark List with alternating Item Colors

Spark List with alternating Item Colors
           

<!--
Code from Flex 4 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 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any 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\SparkListSimpleStyles.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 />
    </s:layout>
    <s:List alternatingItemColors="[#66FFFF, #33CCCC]"
        rollOverColor="#CC6600">
        <s:dataProvider>
            <mx:ArrayCollection>
                <fx:String>Flex</fx:String>
                <fx:String>Flash Builder</fx:String>
                <fx:String>Flash</fx:String>
                <fx:String>Director</fx:String>
                <fx:String>Dreamweaver</fx:String>
                <fx:String>ColdFusion</fx:String>
            </mx:ArrayCollection>
        </s:dataProvider>
    </s:List>
</s:Application>

   
    
    
    
    
    
    
    
    
    
    
  








Related examples in the same category

1.Populating List using ActionScriptPopulating List using ActionScript
2.Using a List component to display a single column of namesUsing a List component to display a single column of names
3.Create List from ObjectsCreate List from Objects
4.Create a static List controlCreate a static List control
5.Set the verticalAlign for ListSet the verticalAlign for List
6.Set the variableRowHeight for ListSet the variableRowHeight for List
7.Set wordWrap and variableRowHeightSet wordWrap and variableRowHeight
8.Remove from ListRemove from List
9.Remove an item from listRemove an item from list
10.Replace item in a ListReplace item in a List
11.Call JavaScript when double clicked the List itemCall JavaScript when double clicked the List item
12.Set Icons for Items in a ListSet Icons for Items in a List
13.Double click to edit ListDouble click to edit List
14.Spark List Caret IndexSpark List Caret Index
15.List rollover colorList rollover color
16.List IconList Icon
17.A List control uses the iconFunction property to determine the icon to display for each itemA List control uses the iconFunction property to determine the icon to display for each item
18.Give a list of color namesGive a list of color names
19.If items do not fit in the size of the control, Flex automatically display scroll barsIf items do not fit in the size of the control, Flex automatically display scroll bars