[SOLVED]Better way to change Backround color for messager.show

[neos]

Dear All,

How to change background color for messager.show
I use default blue style but for this case error notif i want to override change color to red

Regards,

Neos

[stworthy]

Please refer to the code below:

Code:

<style type="text/css">
	.bg1{
		background: red;
	}
	.bg1 .panel-title{
		color:#fff;
	}
</style>
<script>
$(function(){
var win = $.messager.show({
	title:'My Title',
	msg:'Message will be closed after 4 seconds.',
	showType:'show'
});
win.window('window').addClass('bg1');
});
</script>

[neos]

Thx Stworthy..
i will try your code..
yesterday i found this code :

Code:

$.messager.show({
                        title   : 'Info',
                        msg     : '<div class="messager-icon messager-error"></div><div>Failed !</div>'+result.error
                    });

this is enough for me to close my problem.
Regards,

Neos

[aswzen]

Please refer to the code below:

Code:

<style type="text/css">
	.bg1{
		background: red;
	}
	.bg1 .panel-title{
		color:#fff;
	}
</style>
<script>
$(function(){
var win = $.messager.show({
	title:'My Title',
	msg:'Message will be closed after 4 seconds.',
	showType:'show'
});
win.window('window').addClass('bg1');
});
</script>

is there any simple way than injecting a new css class?
like this one? (not working)

Code:

$.messager.show({
            width:'500px',
            height:'40px',
            msg:'<div style="text-align:center;padding:1px;font-size:20px">TEST</div>',
            timeout:4000,
            showType:'slide',
            style:{
                borderColor:'#808080', 
                backgroundColor:'#222222',  
                color:'#FFFFFF',  
                right:'',
                top:document.body.scrollTop+document.documentElement.scrollTop,
                bottom:''
            }
        });

[stworthy]

You just need to set the 'cls' property value.

Code:

$.messager.show({
            width:500,
            height:40,
            msg:'<div style="text-align:center;padding:1px;font-size:20px">TEST</div>',
            timeout:4000,
            showType:'slide',
            cls:'c1'
        });