Alert widget displays the messages set via CWebUser.setFlash() using the Twitter Bootstrap Alert widget.

Here's the example:

// Set up several flashes
// (this should be done somewhere in controller, of course).
$user = Yii::app()->getComponent('user');
$user->setFlash(
    'success',
    "<strong>Well done!</strong> You're successful in reading this."
);
$user->setFlash(
    'info',
    "<strong>Heads up!</strong> I'm a valuable information!."
);
$user->setFlash(
    'warning',
    "<strong>Warning!</strong> Check yourself, you're not looking too good."
);
$user->setFlash(
    'error',
    '<strong>Oh snap!</strong> Change something and try submitting again.'
);

// Render them all with single `TbAlert`
$this->widget('booster.widgets.TbAlert', array(
    'fade' => true,
    'closeText' => '&times;', // false equals no close link
    'events' => array(),
    'htmlOptions' => array(),
    'userComponentId' => 'user',
    'alerts' => array( // configurations per alert type
        // success, info, warning, error or danger
        'success' => array('closeText' => '&times;'),
        'info', // you don't need to specify full config
        'warning' => array('closeText' => false),
        'error' => array('closeText' => 'AAARGHH!!')
    ),
));

Here's all configuration properties which you can set for Alert widget.

Note Usage of the Alert widget configuration properties was presented in an example above.

The alerts configuration property may hold the instructions about how to render individual types of alerts. It is an array indexed by the alert type and with each item being a configuration array for this type of alert.

If the alerts property is not set, all alert types defined in TbAlert::TYPE_* constants will be rendered, with default settings.

Note Instead of full arrays you can use just the names of alert types as a values of the alerts property. You can even mix the array configuration and plain names. It was shown in the example, by the way.

TbAlert defines a set of class constants to help users of widget define allowed alert types uniformly. Each TYPE_* constant corresponds to some CSS class which will be appended to the alert HTML element. This class mainly just sets the color of the alert background, nothing else. For details see the documentation for Twitter Bootstrap Alert widget.