# Flex ToggleButtonBar label abbreviation

**URL:** https://forum.kirupa.com/t/flex-togglebuttonbar-label-abbreviation/274783
**Category:** flash
**Created:** [November 4, 2008, 7:14pm UTC](https://forum.kirupa.com/t/flex-togglebuttonbar-label-abbreviation/274783 "2008-11-04T19:14:23Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![rf1](https://avatars.discourse-cdn.com/v4/letter/r/46a35a/32.png) [@rf1](https://forum.kirupa.com/u/rf1)
#### Post date: [November 4, 2008, 7:14pm UTC](https://forum.kirupa.com/t/flex-togglebuttonbar-label-abbreviation/274783/1 "2008-11-04T19:14:23Z")

</div>

Hi, I have a little problem using the ToggleButtonBar in Flex.

This is my code:

```auto
<mx:ToggleButtonBar id="buttonBar">
		
		<mx:dataProvider>
			<mx:Array>
				<mx:String>LABEL ONE</mx:String>
	            		<mx:String>LABEL TWO</mx:String>
			</mx:Array>
        </mx:dataProvider>

	</mx:ToggleButtonBar>

```

The problem is that when I launch my Flex app, the button that is selected at the beginning (default 0), displays an abbreviated label… for example if I run the previous code I’d get

| LABE… | LABEL TWO |

which is not wanted… how can I avoid this? The label gets fixed when I mouse over the element or when I select another button from the bar.