To overlay components, you will need to use a Canvas. The other containers are designed to prevent overlaying. In a canvas, you specify x and y and whatever is defined later will be on top.
Tracy -----Original Message----- From: [email protected] [mailto:[EMAIL PROTECTED] On Behalf Of pioplacz Sent: Friday, January 27, 2006 6:42 PM To: [email protected] Subject: [flexcoders] Overlaying custom component I walked throw the Flex samples explorer and found something nice Overlaying effect. I tryed to instert something like that in my code but with no luck so I'm asking for help. The custom component is tilelist that loads in images and shows them + some text in a panel. But what i want is that i want other panel overlay the tilelist and show all the info. When i try to insert tha code only thing it does is it places it self under the custom component and not over it. Please help! Here is the beginning of my code: <!-- The ActionScript code for this class is externalized in a separate .as file for better readability --> <mx:Script source="katalog_script.as"/> <mx:Script> <![CDATA[ function ShowUPandDown() { if(button.selected) { findView.visible=true; } else if (!button.selected) { findView.visible=false; } } ]]> </mx:Script> <mx:Effect> <mx:WipeDown name="wipedown" duration="1000" show="true"/> <mx:WipeUp name="wipeup" duration="1000"/> </mx:Effect> <!-- Style sheet used in this application --> <mx:Style source="katalog.css"/> <!-- Design begins --> <mx:VBox> <mx:Label text="Test" styleName="appTitle"/> <mx:HBox id="hb" horizontalGap="4" height="500"> <mx:Panel id="main" title="Film Katalog" width="1230" height="100%" > <!-- <mx:ViewStack id="bodyStack" changeEffect="Fade" width="100%" height="100%" resize="true"> --> <!-- A custom component (ThumbnailView.mxml) that displays the list of products in a Thumbnail view: This is the view displayed when you start the application. When the user clicks a product (change event), we store the selected item in the selectedItem instance variable of this application --> <ThumbnailView id="thumbView" label="Product Catalog" change="selectedItem=event.target.selectedItem"/> <mx:HBox> <FindView id="findView" width="100%" height="100%" itemSelected="selectedItem=event.target.selectedItem" vScrollPolicy="off" visible="false" showEffect="wipedown" hideEffect="wipeup"/> </mx:HBox> <!-- A custom component (GridView.mxml) providing another way (DataGrid) to look at the same data --> <!-- <GridView id="gridView" change="selectedItem=event.target.selectedItem"/> </mx:ViewStack> --> <!-- ControlBar for the panel starts here --> <mx:ControlBar id="controlBar" height="40"> <InfoView id="infoView"/> <mx:Button id="button" label="Play Effect" toggle="true" click="ShowUPandDown()"/> <mx:Spacer width="100%"/> <mx:HBox horizontalGap="0"> <mx:Image source="{currentView=='thumb'?thumbOn:thumbOff}" mouseDown="changeView('thumb')" mouseOver="event.target.source=thumbRoll" mouseOut="event.target.source=currentView=='thumb'? thumbOn:thumbOff"/> <mx:Image source="{currentView=='grid'? listOn:listOff}" mouseDown="changeView('grid')" mouseOver="event.target.source=listRoll" mouseOut="event.target.source=currentView=='grid'?listOn:listOff"/> </mx:HBox> </mx:ControlBar> </mx:Panel> -- Flexcoders Mailing List FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com Yahoo! Groups Links -- Flexcoders Mailing List FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/flexcoders/ <*> To unsubscribe from this group, send an email to: [EMAIL PROTECTED] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
