components can resize as your application resizes : Application « Container « Flex






components can resize as your application resizes

components can resize as your application resizes
            

<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->


<!-- containers\application\AppSizePercent.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:mx="library://ns.adobe.com/flex/mx"
    xmlns:s="library://ns.adobe.com/flex/spark" width="100%" height="100%">
    <s:layout>
        <s:VerticalLayout />
    </s:layout>
    <s:Panel title="Main Application" width="100%" height="100%">
        <mx:HDividedBox width="100%" height="100%">
            <s:TextArea text="TA1" width="50%" height="100%" />
            <mx:VDividedBox width="50%" height="100%">
                <s:TextArea text="TA2" width="100%" height="75%" />
                <s:TextArea text="TA3" width="100%" height="75%" />
            </mx:VDividedBox>
        </mx:HDividedBox>
    </s:Panel>
</s:Application>

   
    
    
    
    
    
    
    
    
    
    
    
  








Related examples in the same category

1.Set min width and height of Application
2.The application logs the component sizes to flashlog.txt, so you can confirm the sizing effect.The application logs the component sizes to flashlog.txt, so you can confirm the sizing effect.
3.Call a function when application is created completed
4.Set the Application container size by using the tag
5.width and height percentage values can resize as your application resizeswidth and height percentage values can resize as your application resizes
6.Use explicit pixel values to size the Application containerUse explicit pixel values to size the Application container
7.Set horizontal alignment for applicationSet horizontal alignment for application
8.Set view source url for applicationSet view source url for application
9.Embed swf file into application
10.Add Labels to ApplicationAdd Labels to Application
11.Reference top level applicationReference top level application
12.Load the module when the application first starts
13.Empty Application
14.Reference Application.application.parametersReference Application.application.parameters
15.Set application domain
16.To view all the flashVars properties, you can iterate over the FlexGlobals.topLevelApplication.parameters properties, as the following example shows:To view all the flashVars properties, you can iterate over the FlexGlobals.topLevelApplication.parameters properties, as the following example shows:
17.When Flex finishes initializing the Label control, and before the application appears, Flex calls the initDate() function.When Flex finishes initializing the Label control, and before the application appears, Flex calls the initDate() function.
18.The following tag, for example, sets explicit Application dimensions:The following <s:Application> tag, for example, sets explicit Application dimensions:
19.Reference application parametersReference application parameters
20.Flex application calls a PHP page with the POST methodFlex application calls a PHP page with the POST method
21.Flex application calls a ColdFusion page with POST method
22.Adding some contact data to your ContactManager applicationAdding some contact data to your ContactManager application
23.Flex Application ContainerFlex Application Container
24.Set scroll policy consistently for all scroll bars in the applicationSet scroll policy consistently for all scroll bars in the application
25.Communicating with the host applicationCommunicating with the host application
26.Moving through the application with the Navigation containersMoving through the application with the Navigation containers
27.Application's URL and parametersApplication's URL and parameters
28.Get time used by renderer the applicationGet time used by renderer the application
29.Application with two namespaces
30.Set the size of the Application container to one-half of the width and height of the browser window:
31.Use explicit pixel values to size the application container:Use explicit pixel values to size the application container:
32.Register a Server-Side Data Type Within a Flex ApplicationRegister a Server-Side Data Type Within a Flex Application
33.Set selectedIndex property to 4 to select California by default when the application starts:Set selectedIndex property to 4 to select California by default when the application starts:
34.Interacting with a loaded Flex application
35.Use SWFLoader control to load it into another Flex application
36.Embed gif file into the application at compile timeEmbed gif file into the application at compile time
37.Load gif file into the application at run timeLoad gif file into the application at run time
38.Show Application Initialization TimeShow Application Initialization Time
39.Align application to the left, removes margins, and sets the background image to be emptyAlign application to the left, removes margins, and sets the background image to be empty
40.Remove button from application after addingRemove button from application after adding
41.Define a view state that adds a Button control to applicationDefine a view state that adds a Button control to application
42.Set the viewSourceURL property by using MXML, not ActionScriptSet the viewSourceURL property by using MXML, not ActionScript
43.View all flashVars properties, iterate over the parameters objectView all flashVars properties, iterate over the parameters object
44.sets the scriptTimeLimit property to 30