Flex full screen mode

Question

Hi, 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 above.Then when i click a button full screen it will be full screen mode. Please help me with example and tutorial.

best regard. Mahedi

Answer 1

Just set

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

Answer 2

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.

Answer 3

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