Flex ToggleButtonBar Text Align

Flex ToggleButtonBar Text Align

The “textAlign” property of the ToggleButtonBar doesn’t necessarily apply as you would expect.  Use the “buttonStyleName” attribute to get the job done.  Here’s an example:

 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
 
	<mx:Style>
 
		.togStyle{
			text-align:right;	
		}
 
	</mx:Style>
 
	<mx:ToggleButtonBar  horizontalCenter="0" top="162"  buttonStyleName="togStyle" width="400" >
		<mx:dataProvider>
			<mx:Array>
				<mx:Object label="first" />
				<mx:Object label="second" />
				<mx:Object label="third" />
			</mx:Array>
		</mx:dataProvider>
	</mx:ToggleButtonBar>
 
</mx:Application>