1. #1

    Default Ext.MessageBox CSS inconsistency

    Ext.MessageBox CSS inconsistency


    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).

    modal:true
    Code:
    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;
    }
    modal:false;
    Code:
    ytheme-aero.css (line 280)
    #x-msg-box .x-dlg-bd {
     background:#CFE0F5 none repeat scroll 0% 50%;
     border:0pt none;
    }

  2. #2
    Sencha User jack.slocum's Avatar
    Join Date
    Mar 2007
    Location
    Tampa, FL
    Posts
    6,955
    Vote Rating
    17
    jack.slocum will become famous soon enough jack.slocum will become famous soon enough

      0  

    Default


    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.
    Jack Slocum
    Ext JS Founder
    Original author of Ext JS 1, 2 & 3.
    Twitter: @jackslocum
    jack@extjs.com

  3. #3
    Sencha User
    Join Date
    May 2012
    Posts
    1
    Vote Rating
    0
    Avinash Kotha is on a distinguished road

      0  

    Default Extjs MessageBox CSS Inconsistency in IE8.

    Extjs MessageBox CSS Inconsistency in IE8.


    Hi,

    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 ?

Thread Participants: 2