Gabriela Trindade Perry: HCI, Design Cognition, Flex

Pretty straightforward. If is a multiline button what you need, then a multiline button is what you have!

Check also: http://flexrays.wordpress.com/2007/04/24/multilined-label-for-a-button/ and http: blogs.adobe.com/aharui/2007/04/multiline_buttons.html
Both are great references.

MultilineButton .as 

[code lang="actionscript"] package com.multilineButton{import flash.text.TextField;
import mx.controls.Button;
import flash.text.TextLineMetrics;

//check also: http://flexrays.wordpress.com/2007/04/24/multilined-label-for-a-button/
//and also: http://blogs.adobe.com/aharui/2007/04/multiline_buttons.html
//great stuff!!

public class MultilineButton extends Button    {

//private var _textField:UITextField;

public function MultilineButton(){
super();
}

override protected function createChildren():void{
if (!textField){
textField = new NoTruncationUITextField();
textField.styleName = this;
addChild(TextField(textField));
}

super.createChildren();

textField.multiline = true;
textField.wordWrap = true;
}

override public function measureText(s:String):TextLineMetrics{
textField.text = s;
var lineMetrics:TextLineMetrics = textField.getLineMetrics(0);
lineMetrics.width = textField.textWidth + 4;
lineMetrics.height = textField.textHeight + 4;
return lineMetrics;
}
}
}[/code]

NoTruncationUITextField.as

[code lang="actionscript"]package com.multilineButton{

import mx.core.UITextField;

public class NoTruncationUITextField extends UITextField{

public function NoTruncationUITextField(){

super();
}

override public function truncateToFit(s:String = null):Boolean{
return false;
}
}
}[/code]