Creating a custom creation complete effect on a Flex Alert control – creationCompleteEffect – mx:SoundEffect
Posted on February 22, 2010 | No Comments
The following example shows how to specify an effect which gets played when an Alert control is displayed by setting the Alert control’s creationCompleteEffect style. You can also see how to embed both the normal and bold font using CSS and @font-face.
Full code after the jump.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:Style>
@font-face {
src: local("Verdana");
fontFamily: VerdanaEmbedded;
}
@font-face {
src: local("Verdana");
fontFamily: VerdanaEmbedded;
<a href="http://marvabrooks.com/images/">where can i buy cialis</a> fontWeight: bold;
}
Alert {
fontFamily: VerdanaEmbedded;
creationCompleteEffect: myEffect;
}
</mx:Style>
<mx:Script>
<![CDATA[
import mx.controls.Alert;
private var alert:Alert;
private function button_click():void {
alert = Alert.show("The quick brown fox jumped over the lazy dog", "Lorem Ipsum");
}
]]>
</mx:Script>
<mx:Sequence id="myEffect">
<mx:Parallel>
<mx:Zoom />
<mx:Fade />
</mx:Parallel>
<mx:Rotate />
</mx:Sequence>
<mx:Button label="Launch Alert" click="button_click();" />
</mx:Application>
The following example shows how you can set a creation complete effect on a Flex Button control by setting the creationCompleteEffect style.
Full code after the jump.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:Button id="button"
label="Button"
creationCompleteEffect="Zoom" />
</mx:Application>
The following example shows how you can play an embedded MP3 when a Flex Alert control is displayed by setting the creationCompleteEffect style/effect.
Full code after the jump.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application name="Alert_creationCompleteEffect_test_2"
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
[Embed("assets/iconCritical.png")]
private var IconCritical:Class;
private function showAlert():void {
var message:String = "The quick brown fox jumped over the lazy dog.";
var title:String = "Alert title";
var a:Alert = Alert.show(message,
title,
Alert.OK,
null,
null,
IconCritical);
a.status = Capabilities.version;
a.isPopUp = false;
}
]]>
</mx:Script>
<mx:Style>
Alert {
creationCompleteEffect: ding;
}
</mx:Style>
<mx:SoundEffect <a href="http://dorisbernard.com/images/">viagra buy viagra online | cheapest place to buy cialis <a href="http://blogtorn.com/images/">where do you buy viagra</a> | buy cheap levitra</a> id="ding"
source="@Embed('assets/ding.mp3')"
useDuration="false" />
<mx:Button id="button"
label="Launch Alert"
click="showAlert();" />
</mx:Application>
Incoming search terms:
- walksyj (1)
Tags: Alert.show | creationCompleteEffect | mx:Parallel | mx:Rotate | mx:Sequence | mx:SoundEffect | mx:Zoom
Author
By Sameera Thilakasiri
,is a front-end developer based in Colombo, is a blogger and a lifestyle photographer.
Follow him Twitter and Google+. Check out him.
Comments
Leave a Reply
You must be logged in to post a comment.
Community presentations of the blogger
Sameera at LinkedIn
BIOGRAPHY
Sameera Thilakasiri is a front-end developer and UX Architect based in Colombo, Sri Lanka, specialist in User Interface Design, User Experience, Usability and Accessibility, Information Architecture, Responsive Web Design, Interactive Design, Search Engine Optimization, Trainging and Public Speaking.
In his profession, follow the best practices, W3C web standards and guidelines, responsive, semantic, usable, accessible, SEO friendly to cutting edge cording using XHTML/HTML5, CSS and jQuery for Pixel-perfect cross browser compatibility.
In his leisure blogging for technical articles and lifestyle photographer.