Hi, I'm hoping someone else has suffered through this problem and can
save me some additional agony.

My objective is to have a flex app use 100% sizing to maximize to size
of browser, and to set min-height and min-width to set a point at which
the application content does not shrink any further and scrollbars on
the browser kick in.  Sounds simple?

Here's some  sample application code setting  up an app this way, with a
VBox inside the application to  hold content of some kind:

<?xml version="1.0" encoding="utf-8"?>

<mx:Application

xmlns:mx="http://www.adobe.com/2006/mxml";

layout="absolute"

horizontalScrollPolicy="off"

verticalScrollPolicy="off"

width="100%"

height="100%"

minWidth="950"

minHeight="600">

<mx:VBox

x="10" y="10"

width="100%"

height="100%"

verticalAlign="top" >

</mx:VBox>



</mx:Application>

I have not messed much with the default html-template that is generated.
I have added a min-height and min-width style property to the body
style.

<style>

body { min-height: 600px; min-width: 950px; }

</style>

The result is not as I expected- the browser (firefox) opens and when
larger than the minimum width and height specified, it has no
scrollbars, which is as expected.  When it is dragged below the minimum
size thresholds, scrollbars appear in both vertical and horizontal
directions.   So far, so good. However, when I shrink the window in the
vertical direction, then use the scrollbar to scroll to the lower
content, anything below (in the vertical direction) the current size of
the browser has been clipped and I get whitespace.  Scrolling
horizontally works fine and I can navigate out to the right but the
vertical scrolling is hosed.

I tried using the overflow:scroll and overflow:auto in the html template
but it bought me nothing.  The outcome was only partly consistent
between IE7 and firefox, at least for this set of properties and
conditons.  Neither one worked properly.  IE often had the scrollbar
rails, but not the control slider part.

My objective is to have the scrollbars operating in the browser rather
than in the application container itself.

Has anyone managed to get browser scrollbars working for this kind of
100% sizing flex app?  If so, I'd really appreciate any insight.

thanks,

Danny

Reply via email to