Results 1 to 3 of 3

Thread: Ext.MessageBox CSS inconsistency

  1. #1

    Default 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
    New York, NY
    Posts
    6,956
    Vote Rating
    20
      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
    Sencha Co-Founder, Ext JS Founder
    Original author of Ext JS 1, 2 & 3.
    Twitter: @jackslocum

  3. #3
    Sencha User
    Join Date
    May 2012
    Posts
    1
    Vote Rating
    0
      0  

    Default 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 ?

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •