Yii JsStyledAlert Widget

Replace javascript alert() function & add posibility to stylize alert window by html&css

Installation

just put JsStyledAlertWidget directory to yor extensions dir (/protected/extensions).

If you wont to use themes, just place JsStyledAlertWidget/views to themes/your_theme/views/JsStyledAlertWidget

Usage

Just place: widget('ext.JsStyledAlert.JsStyledAlertWidget');?> to your layout file somewhere inside "BODY" tag.

Stylizing

Edit files in protected/extensions/JsStyledAlertWidget/views/ (or in themes/your_theme/views/JsStyledAlertWidget if you use themes):

html: JsStyledAlertWidget.php css: assets/StyledAlert.css js: assets/StyledAlert.js

If you wont to use images, put them to assets directory & include in html using $assetPath n SRC attribute: <IMG SRC='<?=$assetPath>/img/image1.jpg'>

To define backgroud-image in css, use relative paths.

Preserve element id's when you edit html, else you will need to correct js