Archive for the ‘Flex’ Category

Flex and missing browser scrollbar

Wednesday, December 30th, 2009

Working on a site recently that is going to be a CodeIgniter/PHP site with several Flex modules added in, I encountered a peculiar problem. Because my Flex applications are not controlling site structure (navigation, headers, footers, etc.) the user needs to have a typical browser experience. Allowing the user to scroll with the browser is much simpler than training them to use scrollbars inside my application in this use case.

The Flex/Flashbuilder generated HTML template however, disables browser scrolling in a couple of places. This is fine for full page Flex applications, but you may want to turn this off for hybrid applications.

First, Flashbuilder adds a style:

body { margin: 0px; overflow:hidden }

Change this to:

body { margin: 0px; overflow:scroll; }

Then look for your body tag:

<body scroll=”no”>

and change it to:

<body>

and that’s all! This will be different if you’re using the SWFObject to embed your Flex.