2009
05
May

Modal Properties of the Alert Component

I’m not going to go into all of the properties of the Alert component. I am going to concentrate on the modal of the Alert. If you don’t know what a modal is, a modal is the translucent overlay underneath the Alert component. This can be customized using CSS, but many people simply overlook it. A basic example of an Alert looks like this:

Alert.show(“My Title”, “This is the message of the Alert component”);

This creates an Alert with default properties. So now lets play with it a little:

Alert{
modalTransparencyBlur: .4;
modalTransparency: 0.5;
modalTransparencyColor: red;
modalTransparencyDuration: 500;
}

Or you can get a little fancy and make the CSS global:

global{
modalTransparencyBlur: .4;
modalTransparency: 0.5;
modalTransparencyColor: red;
modalTransparencyDuration: 500;
}

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>