Results 1 to 3 of 3

Thread: [OPEN-1325] [3.3] Ugly message box in gray theme

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha Premium Member a.bongardt's Avatar
    Join Date
    Mar 2010
    Offenbach, Germany
    Vote Rating

    Default [OPEN-1325] [3.3] Ugly message box in gray theme


    today I updated to ExtJS 3.3. All of my 3.2.x code works fine, except for the message boxes. To be more precise: They work fine, too - but they look pretty ugly. But judge yourself:


    While developing I disable the browser cache completely, so it can't be an old version of the CSS file.

    The wrong background appears in Firefox 3.6.10 and in Chrome 6.0.472.63 (latest), IE not tested.

    I fixed the wrong background color using the following CSS statement:

    body.x-body-masked .x-window-plain .x-window-mc
        background-color:#f4f4f4 !important;
    In the original code, the (wrong) color is #e4e4e4. (xtheme-gray.css, line 1478)

    - Andy

  2. #2
    Sencha User
    Join Date
    Oct 2009
    Bucharest, Romania
    Vote Rating

    Default Same in IE8

    The same confirmed in IE8.
    It can also be verified in Themes Viewer example.

    Is this the intended behavior?

    I'm asking this because I noticed other minor changes in gray theme v3.3; for instance message box is not transparent anymore, which is a good thing in my opinion.

  3. #3
    Sencha User Seana's Avatar
    Join Date
    Jun 2010
    Vote Rating


    I too encountered this. The cause is because of the dropping of "transparency" on the window border edges from 3.2.1 to 3.3.0 which makes the borders look "brighter". I'm thinking this is likely a hold over from 3.2.1 since a dif of the css files from 3.2.1 and 3.3.0 shows the only real change in the gray theme is the transparency on the images, the version comment being updated to 3.3.0 and one css rule being commented out around line 50...

    .x-color-palette em:hover, .x-color-palette span:hover{   
        background-color: #eaeaea;

Similar Threads

  1. Any way to apply the gray theme...
    By jasonspiller in forum Ext Designer: Help & Discussion
    Replies: 1
    Last Post: 13 Nov 2010, 7:28 AM
  2. Replies: 4
    Last Post: 30 Jun 2010, 6:37 AM
  3. [OPEN-824][3.x]Gray theme: Button Rounded corners
    By tonedeaf in forum Ext 3.x: Bugs
    Replies: 0
    Last Post: 3 Apr 2010, 1:54 AM
  4. Message boxes look ugly in IE6!
    By innovator2 in forum Ext 2.x: Help & Discussion
    Replies: 5
    Last Post: 17 Apr 2009, 3:16 AM

Posting Permissions

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