View Full Version : Ext.MessageBox CSS inconsistency

10 Apr 2007, 12:06 PM
When using the aero theme the content area of a MessageBox has a different background color depending on value of modal. When modal is set to true the background is set to #C4D2E3 because of an extra style, when modal is false it uses #CFE0F5 (which looks like the Ext Blue theme).


ytheme-aero.css (line 284)
body.x-masked #x-msg-box .x-dlg-bd, body.x-body-masked #x-msg-box .x-dlg-bd {
background:#C4D2E3 none repeat scroll 0%;
border:0pt none;

ytheme-aero.css (line 280)
#x-msg-box .x-dlg-bd {ytheme-aero.css (line 280)
background:#CFE0F5 none repeat scroll 0%;
border:0pt none;


ytheme-aero.css (line 280)
#x-msg-box .x-dlg-bd {
background:#CFE0F5 none repeat scroll 0% 50%;
border:0pt none;

10 Apr 2007, 12:24 PM
This is by design. When the dialog is modal the mask behide the transparent regions alters how the color looks (makes it darker). The two colors are an attempt to match that color as closely as possible.

Avinash Kotha
7 May 2012, 4:18 AM

I have an urgent requirement of displaying Extjs Message box.

It works great in Firefox and IE9.
But In IE8,there is an inconsistency in IE8.
The message box looks very weird,missing all the alignments.

Is there any solution for this ?