Changing the text alignment of a List control in Flex

Category: Flex Examples    |    4 views

The following example shows how you can change the text alignment in a Flex List control by setting the textAlign style.

Full code after the jump.

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml”
layout=”vertical”
verticalAlign=”middle”
backgroundColor=”white”>

<mx:Array id=”arr”>
<mx:Object label=”One” />
<mx:Object label=”Two” />
<mx:Object label=”Three” />
<mx:Object label=”Four” />
<mx:Object label=”Five” />
<mx:Object label=”Six” />
</mx:Array>

<mx:ApplicationControlBar dock=”true”>
<mx:Form styleName=”plain”>
<mx:FormItem label=”textAlign:”>
<mx:ComboBox id=”comboBox”
dataProvider=”[left,center,right]” />
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>

<mx:List id=”list”
dataProvider=”{arr}”
textAlign=”{comboBox.selectedItem}”
width=”100″ />

</mx:Application>


Share/Save/Bookmark

1 Star2 Stars

0 responses so far!

Leave a Comment

*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Click to hear an audio file of the anti-spam word