<?xml version="1.0" encoding="utf-8"?>
<!-- containers\spark\SparkSkinnablePopUpContainerInlineReuse.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Declarations>
<s:SkinnablePopUpContainer id="alert">
<s:Panel title="My Alert Panel">
<s:VGroup width="100%" horizontalAlign="center"
paddingTop="20" gap="20">
<s:Label text="Your custom alert box"/>
<s:Button label="OK" click="alert.close();"/>
</s:VGroup>
</s:Panel>
</s:SkinnablePopUpContainer>
</fx:Declarations>
<s:Button label="Open Alert" click="alert.open(this, false);"/>
</s:Application>
<?xml version="1.0" encoding="utf-8"?>
<!-- containers\spark\SparkSkinnablePopUpContainerMoveResize.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.managers.PopUpManager;
protected function button1_clickHandler(event:MouseEvent):void {
// Create an instance of MyAlert.
var alert:MyAlert = new MyAlert();
alert.open(this, true);
// Increase the width and height.
alert.width += 100;
alert.height += 100;
// Center the pop-up in the parent container.
PopUpManager.centerPopUp(alert);
}
]]>
</fx:Script>
<fx:Declarations>
<fx:Component className="MyAlert">
<s:SkinnablePopUpContainer>
<s:Panel title="My Alert Panel" width="100%" height="100%">
<s:VGroup width="100%" horizontalAlign="center"
paddingTop="20" gap="20">
<s:Label text="Your custom alert box"/>
<s:Button label="OK" click="close();"/>
</s:VGroup>
</s:Panel>
</s:SkinnablePopUpContainer>
</fx:Component>
</fx:Declarations>
<s:Button label="Open Alert SMG" click="button1_clickHandler(event);"/>
</s:Application>