last edited bysullah on 08-Mar-2010

History 

<< Back to Dashboard | << Recipes Viewer

Creating a Messagebox style class

The messagebox plugin has been totally revamped to a css design. The MessageboxStyleClass setting has been deprecated and replaced with a new setting: messagebox_style_override. This setting is a boolean setting that determines wether to override the css used when creating the messagebox; the default value is FALSE. So now you can create your own styles and use your own images for the messagebox. Below you can see the actual css of the messagebox and the output html you will be able to override.

Declare the setting

Declare the following setting:

<Setting name="messagebox_style_override" value="true" />

Messagebox CSS Source

Please override the following css in order to skin your messagebox plugin:

<style>
.cbox_messagebox{
	font-size: 13px;
	font-weight: bold;
}
.cbox_messagebox_info{
	background: #D1E6EF url(/coldbox/system/includes/images/cmsg.gif) no-repeat scroll .5em 50%;
	border: 1px solid #2580B2;
	margin: 0.3em;
	padding: 0pt 1em 0pt 3.5em;
}
.cbox_messagebox_warning{
	background: #FFF2CF url(/coldbox/system/includes/images/wmsg.gif) no-repeat scroll .5em 50%;
	border: 1px solid #2580B2;
	margin: 0.3em;
	padding: 0pt 1em 0pt 3.5em;
}
.cbox_messagebox_error{
	background: #FFFFE0 url(/coldbox/system/includes/images/emsg.gif) no-repeat scroll .5em 50%;
	border: 1px solid #2580B2;
	margin: 0.3em;
	padding: 0pt 1em 0pt 3.5em;
}
</style>

Download in other Formats:
Markup | PDF | HTML | Word