actionscript 3 - Creating a Popup in FLEX 3.0 -



actionscript 3 - Creating a Popup in FLEX 3.0 -

i have created popup custom component extends canvas want of canvas similar showed in image. there thought how create pop similar that.

here giving sample code have done till now...

<?xml version="1.0" encoding="utf-8"?> <mx:canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="550" height="350" backgroundalpha="0"> <mx:script> <![cdata[ import mx.managers.popupmanager; public function btnimage_click():void { popupmanager.removepopup(this); } ]]> </mx:script> <mx:image source="images/close.png" top="4" left="500" usehandcursor="true" buttonmode="true" click="{btnimage_click();}" /> <mx:fade id="fadein" duration="700" alphafrom="0.0" alphato="1.0"/> <mx:vbox height="100%" width="100%" horizontalalign="center" verticalalign="middle"> <mx:canvas height="85%" width="90%" backgroundcolor="#ffffff" backgroundalpha="1" > <mx:vbox height="100%" width="100%"> <mx:hbox height="70%" width="100%" horizontalalign="center" verticalalign="middle"> <mx:image id="btnprevious" source="images/previous.png" click="{vssubimages.selectedindex--}" enabled="{vssubimages.selectedindex!=0}"/> <mx:viewstack height="100%" width="90%" creationpolicy="all" id="vssubimages"> <mx:vbox height="100%" width="100%" horizontalalign="center" verticalalign="middle" showeffect="{fadein}"> <mx:image id="img1" maintainaspectratio="true" height="100%" width="100%" horizontalalign="center" verticalalign="middle" /> </mx:vbox> <mx:vbox height="100%" width="100%" horizontalalign="center" verticalalign="middle" showeffect="{fadein}"> <mx:image id="img2" maintainaspectratio="true" height="100%" width="100%" horizontalalign="center" verticalalign="middle" /> </mx:vbox> <mx:vbox height="100%" width="100%" horizontalalign="center" verticalalign="middle" showeffect="{fadein}"> <mx:image id="img3" maintainaspectratio="true" height="100%" width="100%" horizontalalign="center" verticalalign="middle" /> </mx:vbox> </mx:viewstack> <mx:image id="btnnext" source="images/next.png" click="{vssubimages.selectedindex++}" enabled="{vssubimages.selectedindex!=2}" /> </mx:hbox> <mx:box height="30%" width="100%" horizontalalign="right" verticalalign="top"> <mx:form height="100%" width="100%"> <mx:formitem label="project name : " > <mx:label id="lblname" /> </mx:formitem> <mx:formitem label="description : " > <mx:label id="lbldescription" /> </mx:formitem> <mx:formitem label="technology name : " > <mx:label id="lbltechnology" /> </mx:formitem> </mx:form> </mx:box> </mx:vbox> </mx:canvas> </mx:vbox> </mx:canvas>

the main thought show close button on canvas getting behind canvas. please help me.

put <mx:image source="images/close.png" top="4" left="500" usehandcursor="true" buttonmode="true" click="{btnimage_click();}" /> tag @ bottom of code before lastly </mx:canvas> tag. because canvas behaves lastly @ top in z-index.

actionscript-3 flex actionscript flex3

Comments

Popular posts from this blog

delphi - blogger via idHTTP : error 400 bad request -

c++ - compiler errors when initializing EXPECT_CALL with function which has program_options::variables_map as parameter -

How do I check if an insert was successful with MySQLdb in Python? -