1 Reply Latest reply on Aug 19, 2009 5:23 AM by Gregory Lafrance

    Display a text in multiple lines inside a button

    3adlouz Level 1

      I have a toggle button bar containing many buttons as follows:

       

       

      <mx:ToggleButtonBar id="menu"               
           itemClick="clickButton(event)"
           styleName="myToggleButtonBarStyle"/>

       

       

      The styles apllied are :

       

      <mx:Style>
                .myToggleButtonBarStyle {

                     button-style-name: "buttons";  
                     vertical-center:0;
                     
                }
                
           .buttons {
                
                text-selected-color: #14476c;
                text-roll-over-color: #14476c;
                up-skin: Embed(source="/phase_grey.png");
                over-skin: Embed(source="/phase_blue.png");
                down-skin: Embed(source="/phase_blue.png");
                selected-up-skin: Embed(source="/phase_blue.png");
                selected-over-skin: Embed(source="/phase_blue.png");
                selected-down-skin: Embed(source="/phase_blue.png");
                     
                padding-left:45;
                padding-right:30;
                
                }
           </mx:Style>

       

       

      My problem is that when I have a long text, it is displayed in one ligne so the button get larger. I do not want my button to get larger it has to keep the initila size (my button is an image). I want indeed to display the text in multiple lines rather than only one.

       

      How to do this?

       

      Thank's in advance