Bonjour, voila j'ai un souci avec flex et je n'arrive pas à m'en sortir

Voila mon soucis

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" >
<mx:ToggleButtonBar  
                  id="bar_menu" 
                  height="236" width="186"
                  dataProvider="{Menu}" 
                  direction="vertical"
                  styleName="boutonmenu" 
                  useHandCursor="true" buttonMode ="true"/>  
 <mx:ViewStack id="Menu" width="100%" height="100%" >
            <AccueilView id="accueilView" label="Accueil"
                showEffect="WipeDown" hideEffect="WipeUp"/>
            <ServiceView id="serviceView" label="Nos services"
                showEffect="WipeDown" hideEffect="WipeUp" />
            <ProduitView id="produitView" label="Notre catalogue" 
                showEffect="WipeDown" hideEffect="WipeUp" width="100%" height="100%"/>
            <PointView id="pointView" label="Nos points de vente"
                showEffect="WipeDown" hideEffect="WipeUp" width="782" height="436"/>
             <QuestionView id="questionView" label="Nous contacter"
                showEffect="WipeDown" hideEffect="WipeUp" width="782" height="486"/>
        </mx:ViewStack>
</mx:Application>
Ce code marche c'est l'affichage qui me pose problème.

Sur le premier élément de mon ToggleButtonBar il y a des ....

l'affichage est "Acc..."
pourtant j'ai essayé de mettre la propriete TruncateToFit à false dans mon css mais rien a y faire je n'arrive pas à faire disparaitre les ...

Merci pour votre aide j'en ai grand besoin