Size problem while loading flex inside flash CS5 application

Hello,

I'm loading a flex form into a pure Flash CS5 website. I'm able to load and display it correctly but for some reason the flex swf size seems to be off : the content and background of the form are displayed correctly but there is a transparent layer covering a large part of the stage (from myFlex.x to stage.width and from myFlex.y to stage.height).

Here is a (pretty awesome) image made by my co-worker to illustrate the problem : http://img145.imageshack.us/img145/4449/flex.jpg (I don't have enough rep to post images =/ )

The flex app (in red) is 100% functional, everything works as expected but as soon as I addChild it, all the flash content under the striped zone does not react to any user event.

I can't find any concrete info on google about anyone having this issue while embeding flex into flash, but even with the simplest tests it does not work for me.

Am i missing out something ?
Here is the minimalistic flash code (I also tried to load the flex using this method w/o further success http://stackoverflow.com/questions/2354612/how-to-load-flex-swf-from-flash) :

var loader:Loader = new Loader();
var req:URLRequest = new URLRequest("ImportFlash.swf");
loader.load(req);
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadCompleteHandler);

function loadCompleteHandler(e:Event):void
{
    addChild(loader.content);
}

And the minimalistic flex 3 code (I also tried with Flex 4 w/o success, tried setting the width/height/minWidth/minHeight/maxWidth/maxHeight, and tried toying with the export settings of flash builder) :

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="100" height="100">
    <mx:Button label="ok"/>
</mx:Application>

Does anyone have any clue about this ?

ansaurus

tags:

views:

answers:

Size problem while loading flex inside flash CS5 application

related questions