Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Ext User
    Join Date
    Nov 2010
    Posts
    9
    Vote Rating
    0
    Mindzor is on a distinguished road

      0  

    Exclamation [FIXED-1401] Ext.grid.PivotGrid and xtheme-gray.css style bug

    [FIXED-1401] Ext.grid.PivotGrid and xtheme-gray.css style bug


    Ext version tested:
    • Ext 3.3.0


    Adapter used:
    • ext


    css used:
    • default ext-all.css
    • ext-3.3.0/resources/css/xtheme-gray.css


    Browser versions tested against:
    • IE8
    • FF3 (firebug 1.3.0.10 installed)


    Operating System:
    • Windows 7


    Description:
    • I change style and rows don't show properly (like on the screenshot)


    Test Case:

    index.html
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <link rel="stylesheet" href="ext-3.3.0/resources/css/ext-all.css" />  
        <link rel="stylesheet" type="text/css" href="ext-3.3.0/resources/css/xtheme-gray.css" />
        <script type="text/javascript" src="ext-3.3.0/adapter/ext/ext-base.js"></script>    
        <script type="text/javascript" src="ext-3.3.0/ext-all-debug.js"> </script>
        <script type="text/javascript" src="script.js"></script>
    </head>
    <body>
    <div id="pivotGrid-div"></div>
    </body>
    </html>
    script.js
    Code:
    Ext.onReady(function () {
        var myStore = new Ext.data.ArrayStore({
            autoLoad: true,
            fields: [
                'economy', 'region', 'year',
                { name: 'procedures', type: 'int' },
                { name: 'time', type: 'int' }
            ],
            url: 'countries.json'
        });
    
        var pivotGrid = new Ext.grid.PivotGrid({
            title: '',                
            renderTo: 'pivotGrid-div',
            store: myStore,
            autoHeight: true,
            aggregator: 'sum',
            measure: 'time',
            leftAxis: [
                {
                    width: 200,
                    dataIndex: 'economy'
                }
            ],
            topAxis: [
                {
                    dataIndex: 'year'
                }
            ]
            });
    });
    http://dev.sencha.com/deploy/dev/exa...countries.json


    Screenshot or Video:
    • attached
    Attached Images

  2. #2
    Sencha User
    Join Date
    Jun 2009
    Posts
    750
    Vote Rating
    0
    meroy is on a distinguished road

      0  

    Default


    Have you tried with ext-all-notheme.css?

    Code:
        <link rel="stylesheet" href="ext-3.3.0/resources/css/ext-all-notheme.css" />  
        <link rel="stylesheet" type="text/css" href="ext-3.3.0/resources/css/xtheme-gray.css" />

  3. #3
    Ext User
    Join Date
    Nov 2010
    Posts
    9
    Vote Rating
    0
    Mindzor is on a distinguished road

      0  

    Default


    Quote Originally Posted by meroy View Post
    Have you tried with ext-all-notheme.css?

    Code:
        <link rel="stylesheet" href="ext-3.3.0/resources/css/ext-all-notheme.css" />  
        <link rel="stylesheet" type="text/css" href="ext-3.3.0/resources/css/xtheme-gray.css" />
    Yes, nothing has changed.

    How to fix this bug?

  4. #4
    Sencha User
    Join Date
    Oct 2010
    Location
    St.Petersburg
    Posts
    40
    Vote Rating
    7
    Barzoy will become famous soon enough

      0  

    Default


    Same problem with default vista-blue theme. Ext renders rows a couple of pixels higher than row headers and I don't know why.

    upd:
    Looks like its browser-specific issue. Firefox and IE7 in strict mode sets row sizes properly, but opera renders rows higher than row headers.

  5. #5
    Sencha User
    Join Date
    Oct 2010
    Location
    St.Petersburg
    Posts
    40
    Vote Rating
    7
    Barzoy will become famous soon enough

      0  

    Default


    Quote Originally Posted by Mindzor View Post
    How to fix this bug?
    Code:
     
    .ext-opera .x-pivotgrid .x-grid3-row-headers table td {
        line-height: 18px;
    }
    A bit ugly, but at least it works for me.

  6. #6
    Sencha User
    Join Date
    Jun 2009
    Posts
    750
    Vote Rating
    0
    meroy is on a distinguished road

      0  

    Default


    This has been fixed in SVN for 3.3.x.

    Using ext-all-notheme.css will work as well.

    Code:
        <link rel="stylesheet" href="../../resources/css/ext-all-notheme.css" />
        <link rel="stylesheet" href="../../resources/css/xtheme-gray.css" />

  7. #7
    Ext User
    Join Date
    Nov 2010
    Posts
    9
    Vote Rating
    0
    Mindzor is on a distinguished road

      0  

    Default


    Quote Originally Posted by meroy View Post
    This has been fixed in SVN for 3.3.x.

    Using ext-all-notheme.css will work as well.

    Code:
        <link rel="stylesheet" href="../../resources/css/ext-all-notheme.css" />
        <link rel="stylesheet" href="../../resources/css/xtheme-gray.css" />
    how get access to SVN?

  8. #8
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    96
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    Quote Originally Posted by Mindzor View Post
    how get access to SVN?
    Buy a support subscription or wait until Ext 3.3.1 is released.

Similar Threads

  1. Replies: 1
    Last Post: 6 Jan 2010, 4:21 PM
  2. [UNKNOWN][3.x] xtheme-gray.css bug
    By purlogic in forum Ext 3.x: Bugs
    Replies: 0
    Last Post: 23 Dec 2009, 2:25 PM
  3. [UNKNOWN][3.0.2] xtheme-gray.css fixes
    By jphillips in forum Ext 3.x: Bugs
    Replies: 0
    Last Post: 25 Sep 2009, 1:04 PM
  4. Replies: 5
    Last Post: 18 Feb 2009, 5:48 PM
  5. Replies: 1
    Last Post: 8 Sep 2008, 6:49 PM

Thread Participants: 3

Tags for this Thread