4th Dimension Development » Flex http://4thddev.com Web Design and Development Mon, 10 May 2010 23:40:48 +0000 en hourly 1 http://wordpress.org/?v=3.0 Flex and missing browser scrollbar http://4thddev.com/2009/12/30/flex-and-missing-browser-scrollbar/ http://4thddev.com/2009/12/30/flex-and-missing-browser-scrollbar/#comments Wed, 30 Dec 2009 16:07:16 +0000 Wes Hunt http://4thddev.com/?p=131 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.

]]> http://4thddev.com/2009/12/30/flex-and-missing-browser-scrollbar/feed/ 0