Customising the Alert popup

hi flexers

the following works in changing of properties of alert

<mx:style>

alert {
backgroundcolor: yellow;
color: blue;
cornerradius: 10;
headerheight: 30;
shadowdistance: 5;
highlightalphas: 0,0;
headercolors: white, red;
fontsize: 13;
fontfamily: georgia;
}

</mx:style>

please advise on following:

1) fontfamily: comic sans ms; didn't give me font expected. flex support this?
2) yellow background colour looks couldn't rid of default greyish border. how can turn whole backgroud colour want?
3) can increase margin between button , border? default margin narrow.

looking forward hear you. fung

try this:

alert {
backgroundcolor: yellow;
color: blue;
cornerradius: 10;
headerheight: 30;
shadowdistance: 5;
highlightalphas: 0,0;
headercolors: white, red;
fontsize: 13;
fontfamily: georgia;
message-style-name:"messagestyle";
border-thickness:0;
padding-bottom:10;
}

.messagestyle {
fontfamily:"comic sans ms";
}

the message-style-name allows set text properties message of alert. can set fontfamily, fontsize, color etc.

the border-thickness set 0 remove default grey border. or can set border-color, change color matches yellow background.

the padding-bottom property increase margin between alert butons , bottom of container. likewise, padding-top increase margin above alert text.

i hope helps.

vygo

More discussions in Flex (Read Only)

adobe