Set height size for each state enabling browser scrollbar if needed..

Question

I'm working on a flex project, completely new to it. I'm trying to resize my application based on the set height size for each state. I'd like the wrapper to resize in the browser so that the  browser's scroll bar appears if needed. hope this makes sense....
My enitial opening page I've set the height to 1000. now when I click on a link to another state from this page, we'll call it 'home' which i have set to 2000
The page opens in its 2000 height but no scroll bar appears to scroll down in the browser...
If anyone's done this or knows how to, I'd really appreciate your input.

Answer 1

I've done something similar with a few of my apps, you have to use a little javascript on the html page and the ExternalInterface class in your app. Basically, you need to resize the "browser's" height based on your flash file.  So here's quick example:
In your html template page (which you can edit in your flashbuilder project panel ->html-template->indext.template.html)
in your html add the jscript function:
<script type="text/javascript">
         function setWindowHeight(heightVal){
             document.getElementById('theWindow').style.height=heightVal; // make sure to give the body tag an id of 'theWindow' or whatever
</script>
In your flashbuilder app you need to call the javascript fx, you can use the ExternalInterface class for this:
  ExternalInterface.call('setWindowHeight',val+'px');
you need to send the jscript fx the height of your container or whatever you want it resized to....