Flex full screen mode

I'm new in flex. I faced problem to make full screen in flex 3.My layout container type like below.

<mx:Application >
<mx:Panel>
<mx:ViewStack>

<mx:VBox >
    <mx:VBox >
        <mx:Canvas >
            <mx:HBox width="300" height="300">      

            </mx:HBox>

        </mx:Canvas>
    </mx:VBox>
</mx:VBox>
</mx:ViewStack> 
</mx:Panel>
</mx:Application>

the container width and height will be fixed like abov开发者_高级运维e.Then when i click a button full screen it will be full screen mode. Please help me with example and tutorial.

best regard. Mahedi

Assuming you are referring to full screen as in 'use the whole monitor':

Calling stage.displayState = StageDisplayState.FULL_SCREEN; will set your flash movie to full screen mode (provided that the allowFullScreen parameter has been set to true in the object/embed tags of the embedding html page). Scale up the hbox (change its width/height) so that it occupies the whole space available.

Just set

<mx:HBox width="100%" height="100%">
    //Other Codes
</mx:HBox>

From what I understand what you want is to change the width / height of the component at run-time.

In this case you need to give an id to the HBOx, add a script block, and call the 'width' / 'height' setter on your block.

Is that what you want to do ?

Thanks PH