Alert anpassen, Skin, Hintergund, Buttons usw.

[sugarray21]

Hallo Zusammen,

ich bin gerade dabei Alert Skin anzupassen,
auf dem ersten Bild sieht man "soll" und auf dem 2. "ist" Zustand:


hier wird Alert aufgerufen:

PHP-Code:

        private function onErrorLoad(event:Event):void
        {
            trace("onErrorLoad");
            
            Alert.yesLabel = "Ja";
            Alert.noLabel = "Nein";
            Alert.buttonWidth = 166;
            Alert.buttonHeight = 43;
            
            var str:String = client.pList.errormsg
            str +=  "\n Möchten Sie einen weiteren\n BarCode einscannen?";
            
            var myAlert:Alert = Alert.show(
                str, 
                client.pList.errortitle, 
                Alert.YES | Alert.NO, 
                null, 
                alertListener);
            //mx.controls.Alert.OK | mx.controls.Alert.CANCEL, this, myClickHandler);
            
            myAlert.width = 708;
            myAlert.height = 463;                
        } 


hier ist ein Auszug aus der CSS Datei:

PHP-Code:

/* CSS file */
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";


@font-face{
    src: url("C:/windows/fonts/arial.ttf");
    fontFamily: "Base02";
    embedAsCFF: false;
}

@font-face {
    src: url("./assets/fonts/KievitPro-Black.otf");
    fontFamily: KievitProBlack;
    embedAsCFF: true;
}
@font-face {
    src: url("./assets/fonts/KievitPro-Regular.otf");
    fontFamily: KievitProRegular;
    embedAsCFF: true;
}

@font-face {
    src: url("./assets/fonts/KievitPro-Black.otf");
    fontFamily: KievitProBlack2;
    embedAsCFF: false;
}
@font-face {
    src: url("./assets/fonts/KievitPro-Regular.otf");
    fontFamily: KievitProRegular2;
    embedAsCFF: false;
}

mx|Alert {
    titleStyleName: "alertTitle";
    messageStyleName: "alertMessage";
    buttonStyleName: "alertButton";
    cornerRadius: 10;
    fontFamily: KievitProRegular2;

}

.alertTitle {
    fontSize: 40;
    color: white;
}

.alertMessage {
    fontSize: 38;
    color: #032C48;
    textAlign: center;
}

.alertButton {
    fontSize: 22;
    fontFamily: KievitProBlack2;
    textSelectedColor: white;
    textRollOverColor: #032C48;
    skin: ClassReference("skins.iSkinnableAlertButtonSmall");
    emphasizedSkin: ClassReference("skins.iSkinnableAlertButtonSmall"); 
} 


Leider bekomme ich ein paar Sachen nicht hin, obwohl ich schon tagelange gegoogelt habe:

1. Wieso werden meine Buttons nach unten gedrückt?
Sie sind fast direkt am Rand, wie bekomme ich Sie nach oben?
2. Wie lädt man einen Hintergrundbild unter dem Titel?
3. Warum sind die unteren Ecken nicht rund und wie kriegt man es hin?
4. Was ist beim Laden der Schriftart falsch? Ich bekomme nämlich eine Fehlermeldung:

warning: incompatible embedded font 'KievitProBlack2' specified for spark.components::Label (Label97) . 
This component requires that the embedded font be declared with embedAsCFF=true.

wenn ich es als embedAsCFF=true deklariere dann werden Sie erst gar nicht benutzt. Die App (WindowedApplication) läuft aber.
Ich wäre euch für jegliche Hilfe echt sehr dankbar da ich alleine nicht mehr weiterkomme.
folgende

[sugarray21]

wieso kann mir keiner helfen?

[sugarray21]

geht glaube ich nicht, habe daher "einfach" ein maßgeschneidertes
"SkinnablePopUpContainer" angelegt und alle Komponenten selber definiert.