This content has been marked as final. Show 3 replies
Well, setting containers to 100% and then scaling each component within those containers to a percentage of the whole is the brute force method for this, and it works pretty good for most layouts. However, there are ways to take this into your own hands by creating a custom class as a singleton with all the boundaries you would like to use within your app. The link below is about the Capabilities class that you could use to get the environment details to design such an approach.
The singleton would be equivalent to a static constant, but far more extendable.
Hope this helps...
If for instance I have a window (TitleWindow) that I open inside my flex application. And this window contains a form with a lot of form items, so the window height is 700 pixels. On my 1280x1024 resolution with IE7 the window size is OK. If someone with lower resolution will open my application, the window will be larger then the whole view area.
What I want is a way to "zoom out" the window, so the overall proportion of the window will be intact, but it will take less space (like when you put 50% zoom in your movie player).
After some reading I got the solution. Every UI component has scaleX and scaleY properties, which indicates the zoom (in or out). The default is 1.0 so there is no zooming, but one can put 0.5 and the window will be 50% smaller.