Столкнулся с проблемой.
Если в Alert стилем задать backgroundImage, то он не подкладывается ни под заголовком ни под границами.
Собственно вопрос: можно ли backgroundImage "растянуть" под границы и заголовок, а если нельзя, то можно ли их (границы и заголовок) отключить?
Пробовал доступные стили border* и title* - не помогает.
Учитывая, что во всем остальном Alert вполне устраивает, хотелось бы разобраться с ним, прежде чем переходить к SkinnablePopUpContainer.

Код AS3:
<?xml version="1.0" encoding="utf-8"?>
<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/halo"
width="500" height="250"
>
<fx:Declarations>
<fx:String id="message">The quick brown fox jumped over the lazy dog.</fx:String>
<fx:String id="title">The quick brown fox jumped over the lazy dog?</fx:String>
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.controls.Alert;
private function showAlert():void {
Alert.show( message, title, Alert.NO | Alert.YES );
}
]]>
</fx:Script>
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
mx|Alert {
titleStyleName: "alertTitle";
messageStyleName: "alertMessage";
buttonStyleName: "alertButton";
dropShadowEnabled: true;
shadowDistance: 5;
shadowDirection: right;
cornerRadius: 0;
embedFonts: true;
backgroundImage: Embed('backgrounds/panel4.png');
}
.alertTitle {
letterSpacing: 0;
fontSize: 14;
color: red;
}
.alertMessage {
letterSpacing: 0;
fontSize: 10;
fontWeight: normal;
color: white;
}
.alertButton {
letterSpacing: 0;
fontSize: 11;
cornerRadius: 10;
fontWeight: normal;
textRollOverColor: white;
color: red;
skin: ClassReference(null);
}
</fx:Style>
<s:Button label="Launch Alert" click="showAlert();" />
</s:Application>