Radio buttons - text format

Question

Hi everyone!
I can't seem to get this to work! I want the text on the radio buttons to wrap correctly as they reach the end of the stage (right now they just keep going forever. Here is the code I am using:
package {
    import flash.display.MovieClip;
    import flash.text.TextField;
    import flash.text.TextFormat;
    import flash.text.TextFieldAutoSize;
    import flash.events.Event;
    import fl.controls.RadioButton;
    import fl.controls.RadioButtonGroup;
    public class QuizQuestion extends MovieClip {
        private var question:String;
        private var questionField:TextField;
        private var choices:Array;
        private var theCorrectAnswer:int;
        private var theUserAnswer:int;
        //variables for positioning:
        private var questionX:int = 25;
        private var questionY:int = 150;
        private var answerX:int = 25;
        private var answerY:int = 200;
        private var spacing:int = 25;
        public function QuizQuestion(theQuestion:String, theAnswer:int, ...answers) {
            //store the supplied arguments in the private variables:
            question = theQuestion;
            theCorrectAnswer = theAnswer;
            choices = answers;
            //create and position the textfield (question):
            questionField = new TextField();
            questionField.width = 775;
            questionField.wordWrap = true;
            questionField.multiline = true;
            questionField.text = question;
            //trace (questionField.width);
            questionField.autoSize = TextFieldAutoSize.LEFT;
            questionField.x = questionX;
            questionField.y = questionY;
            addChild(questionField);
            //Text Format for radio buttons
            var txtFmt:TextFormat = new TextFormat();
            txtFmt.font = "Arial";
            txtFmt.blockIndent = 2;
            txtFmt.color = 0x000000;
            txtFmt.size = 11;
            txtFmt.leading = 4;
            //create and position the radio buttons (answers):
            var myGroup:RadioButtonGroup = new RadioButtonGroup("group1");
            myGroup.addEventListener(Event.CHANGE, changeHandler);
            for(var i:int = 0; i < choices.length; i++) {
                var rb:RadioButton = new RadioButton();
                rb.setStyle("textFormat", txtFmt);
                rb.textField.autoSize = TextFieldAutoSize.LEFT;
                rb.label = choices[i];
                rb.group = myGroup;
                rb.value = i + 1;
                rb.x = answerX;
                rb.y = questionY + questionField.height + 25 + (i * spacing);
                addChild(rb);
        private function changeHandler(event:Event) {
            theUserAnswer = event.target.selectedData;
        public function get correctAnswer():int {
            return theCorrectAnswer;
        public function get userAnswer():int {
            return theUserAnswer;
As you can see, I managed to get the text field style of the radio buttons to use "txtFmt" as the style:
rb.setStyle("textFormat", txtFmt);
The issue:
If I add:
rb.textField.width = 352;
rb.textField.height = 60;
rb.textField.multiline = rb.textField.wordWrap = true;
inside the "for loop" that creates the radio button, it just makes my text go all crazy! It only extends the text about 30 pixels after the radio button and then starts wrapping it, making it all stack on top of each other. How can I make it create the radio button, show the text on the text field, wrap around once it reached the edge of the stage and the continue the next button.
thank you in advanced,
Rafa.

Answer 1

Kglad,
I added the trace command to the 1st frame of my FLA, and it shows the "test" message on the output window.
I am looking thru my code, but can't figure what could be overwritting it. This is what I have on the first AS file:
package {
    import flash.display.MovieClip;
    import flash.text.TextField;
     import flash.text.TextFormat;
    import flash.text.TextFieldAutoSize;
    import flash.events.Event;
    import fl.controls.RadioButton;
    import fl.controls.RadioButtonGroup;
    public class QuizQuestion extends MovieClip {
        private var question:String;
        private var questionField:TextField;
        private var choices:Array;
        private var theCorrectAnswer:int;
        private var theUserAnswer:int;
        //variables for positioning:
        private var questionX:int = 25;
        private var questionY:int = 150;
        private var answerX:int = 25;
        private var answerY:int = 200;
        private var spacing:int = 25;
        public function QuizQuestion(whichQuestion:int, theQuestion:String, theAnswer:int, ...answers) {
            //store the supplied arguments in the private variables:
            question = theQuestion;
            theCorrectAnswer = theAnswer;
            choices = answers;
               //Text Format for readio buttons
               var txtFmt:TextFormat = new TextFormat();
               txtFmt.font = "Arial";
               txtFmt.blockIndent = 2;
               txtFmt.color = 0x000000;
               txtFmt.size = 12;
               txtFmt.leading = 4;
            //create and position the textfield (question):
            questionField = new TextField();
            questionField.width = 770;
               questionField.wordWrap = true;
               questionField.multiline = true;
               questionField.text = question;
               //trace (questionField.width);
            questionField.autoSize = TextFieldAutoSize.LEFT;
            questionField.x = questionX;
            questionField.y = questionY;
               questionField.setTextFormat(txtFmt);
            addChild(questionField);
            //create and position the radio buttons (answers):
            var myGroup:RadioButtonGroup = new RadioButtonGroup("group1");
            myGroup.addEventListener(Event.CHANGE, changeHandler);
            var rbY:Number = 100;
               for(var i:int = 0; i < choices.length; i++) {
                var rb:RadioButton = new RadioButton();
                rb.setStyle("textFormat", txtFmt);
                rb.textField.width = 352;
                rb.textField.autoSize = "left";
                rb.textField.multiline  = rb.textField.wordWrap = true;
                rb.textField.autoSize = TextFieldAutoSize.LEFT;
                rb.label = choices[i];
                rb.group = myGroup;
                rb.value = i + 1;
                rb.x = 300;
                rb.y = rbY;
                rbY = rb.y+rb.height;
                addChild(rb);
        private function changeHandler(event:Event) {
            theUserAnswer = event.target.selectedData;
        public function get correctAnswer():int {
            return theCorrectAnswer;
        public function get userAnswer():int {
            return theUserAnswer;
This is the AS that creates the questions:
package {
    import flash.display.MovieClip;
    import fl.controls.Button;
    import flash.events.MouseEvent;
    import flash.text.TextField;
    import flash.text.TextFieldAutoSize;
    public class QuizApp extends MovieClip {
        //for managing questions:
        private var quizQuestions:Array;
        private var currentQuestion:QuizQuestion;
        private var currentIndex:int = 0;
        //the buttons:
        private var prevButton:Button;
        private var nextButton:Button;
        private var finishButton:Button;
        //scoring and messages:
        private var score:int = 0;
        private var status:TextField;
        public function QuizApp() {
            quizQuestions = new Array();
            createQuestions();
            createButtons();
            createStatusBox();
            addAllQuestions();
            hideAllQuestions();
            firstQuestion();
        private function createQuestions() {
            quizQuestions.push(new QuizQuestion(1, "1. Which of the following statements about the government auditor’s use of audit standards is least accurate? ",
                                                            1,
                                                            "Government auditors may be subject to a variety or range of audit standards.",
                                                            "Government auditors are not subject to audit standards for some types of work.",
                                                            "If the audit organization follows The Institute of Internal Auditors’ (IIA’s) International Standards for the Professional Practice of Internal Auditing (Standards), those Standards prevail over laws and regulations.",
                                                            "Different sets of audit standards that might be followed have many similarities."));
        private function createButtons() {
            var yPosition:Number = stage.stageHeight - 125;
            prevButton = new Button();
            prevButton.label = "Previous";
            prevButton.x = 30;
            prevButton.y = yPosition;
            prevButton.addEventListener(MouseEvent.CLICK, prevHandler);
            addChild(prevButton);
            nextButton = new Button();
            nextButton.label = "Next";
            nextButton.x = prevButton.x + prevButton.width + 40;
            nextButton.y = yPosition;
            nextButton.addEventListener(MouseEvent.CLICK, nextHandler);
            addChild(nextButton);
            finishButton = new Button();
            finishButton.label = "Finish";
            finishButton.x = nextButton.x + nextButton.width + 40;
            finishButton.y = yPosition;
            finishButton.addEventListener(MouseEvent.CLICK, finishHandler);
            addChild(finishButton);
        private function createStatusBox() {
            status = new TextField();
            status.autoSize = TextFieldAutoSize.LEFT;
            status.y = stage.stageHeight - 80;
            addChild(status);
        private function showMessage(theMessage:String) {
            status.text = theMessage;
               status.x = (stage.stageWidth / 5) - (status.width / 5);
        private function addAllQuestions() {
            for(var i:int = 0; i < quizQuestions.length; i++) {
                addChild(quizQuestions[i]);
        private function hideAllQuestions() {
            for(var i:int = 0; i < quizQuestions.length; i++) {
                quizQuestions[i].visible = false;
        private function firstQuestion() {
            currentQuestion = quizQuestions[0];
            currentQuestion.visible = true;
        private function prevHandler(event:MouseEvent) {
            showMessage("");
            if(currentIndex > 0) {
                currentQuestion.visible = false;
                currentIndex--;
                currentQuestion = quizQuestions[currentIndex];
                currentQuestion.visible = true;
            } else {
                showMessage("This is the first question, there are no previous ones");
        private function nextHandler(event:MouseEvent) {
            showMessage("");
               //This will not allow the user to continue forward unless they answer the current question
           /* if(currentQuestion.userAnswer == 0) {
                showMessage("Please answer the current question before continuing");
                return;
            if(currentIndex < (quizQuestions.length - 1)) {
                currentQuestion.visible = false;
                currentIndex++;
                currentQuestion = quizQuestions[currentIndex];
                currentQuestion.visible = true;
            } else {
                showMessage("That's all the questions! Click Finish to Score, or Previous to go back");
        private function finishHandler(event:MouseEvent) {
            showMessage("");
            var finished:Boolean = true;
            for(var i:int = 0; i < quizQuestions.length; i++) {
                if(quizQuestions[i].userAnswer == 0) {
                    finished = false;
                    break;
            if(finished) {
                prevButton.visible = false;
                nextButton.visible = false;
                finishButton.visible = false;
                hideAllQuestions();
                computeScore();
            } else {
                showMessage("You haven't answered all of the questions");
        private function computeScore() {
            for(var i:int = 0; i < quizQuestions.length; i++) {
                if(quizQuestions[i].userAnswer == quizQuestions[i].correctAnswer) {
                    score++;
            showMessage("You answered " + score + " correct out of " + quizQuestions.length + " questions.");
I also have a timer running on my FLA, but even if I comment out the timer, I still get the same issue.
thank you for your help,
Rafa.