Unexpected Behavior when dynamically creating containers in AS3

Posted on 2009-05-12
Last Modified: 2013-11-11
I am probably trying to do something a little too fancy for my level of experience, but its sort of intriguing me. I am creating a dynamic tabNavigator based on an Array. I have created a for loop to dynamically create this it run time.

In the first Tab, I am trying to add an image and a rich text editor in an HBOX, but it only shows the second child that I added. i cannot find an example online on how to make this work and i couldnt find anything on the livedocs.adobe site either.

I have attached the code below. This site has been very helpful and I have learned more in the last week from this site then I have from reading 3 FLex books.
//Lets build the TabNavigtor.

for (var i:int = 0; i < prodEditArray.length; i++)


	var source:String = new String();					

	var _canvas:Canvas = new Canvas();	

	var _image:Image = new Image();	

	var _vboxLeft:HBox = new HBox();	

	var _vboxRight:HBox = new HBox();

	var _hboxParent:HBox = new HBox();	

	var _rte:RichTextEditor = new RichTextEditor();	

	var _textArea:TextArea = new TextArea();	

	_image.height = 1104;

	_image.width = 816;

	_image.source = prodEditArray[i].imageDir + prodEditArray[i].imageName; = prodEditArray[i].labelID;

	_textArea.editable = "true";

	_textArea.width = 100;

	_textArea.height = 200;

	_textArea.x = 300;

	_textArea.y = 300;

	_textArea.enabled = "true";

	_textArea.text = "who knew this would work";



	_canvas.visible = "true";


	_vboxLeft.visible = "true";					

	_vboxLeft.verticalScrollPolicy = "on";	


	_vboxRight.visible = "true";					

	_hboxParent.label = prodEditArray[i].page;	



	trace (_hboxParent.numChildren); //this always says 2.					



Open in new window

Question by:20lbMonkey
  • 2
LVL 39

Expert Comment

Comment Utility
are you not just adding the one child on top of the other since you're not changing your location where you load it (try setting the x and y and see)
LVL 37

Accepted Solution

zzynx earned 500 total points
Comment Utility
>> trace (_hboxParent.numChildren); //this always says 2.
Meaning the _vboxLeft and _vboxRight are added for sure.

>> but it only shows the second child that I added
So you see the _vboxRight and not the _vboxLeft?
That's a visualisation problem.

Could you try:

_vboxLeft.percentWidth = 100;
_vboxLeft.percentHeight = 100;
_canvas.percentWidth = 100;
_canvas.percentHeight = 100;

btw, in my opinion, all the instructions

... = "true";

should be

... = true;

in MXML code you should have those " " but not in AS code

Author Closing Comment

Comment Utility
It was a visualization problem. Thank you for your help.
LVL 37

Expert Comment

Comment Utility
You're welcome.
Thanx 4 axxepting

Featured Post

Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

Join & Write a Comment

Recently, I was asked to recommend a tracking system to be implemented on a clients website. As the entire site was built on flash, my first thought was to suggest custom built tracking system. However, our company at that point of time didn't h…
While working over numerous projects I often had the requirement for doing a screen capture in AS3.0. Unfortunately I found no "ready made" solutions in google search that suited my requirements. But I did come across some great resources which help…
The goal of the tutorial is to teach the user how to select the video input device. Make sure you have an input device that in connected and work and recognized by Adobe Flash Media Live Encoder and select it in the “video input” menu.
This Micro Tutorial will teach to how to utilize bit rate in Adobe Flash Media Live Encoder.

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

8 Experts available now in Live!

Get 1:1 Help Now