Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJSIV-8755 in 4.2.0 Sprint 4 (GA).
  1. #1
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    38
    Vote Rating
    0
    andrewx is on a distinguished road

      -1  

    Default [RC1] Locked Tree Grid Row Alignment

    [RC1] Locked Tree Grid Row Alignment


    Sorry if this has been reported, but the rows on the locked tree grid do not align with the non locked rows in IE8:

    LockedTree.jpg

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,641
    Vote Rating
    434
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of

      0  

    Default


    Thanks for the report.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    http://www.JSONPLint.com - Source to lint your JSONP!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    38
    Vote Rating
    0
    andrewx is on a distinguished road

      0  

    Default


    This appears to be fixed, unless you are using the bufferedrenderer plugin..

    This screenshot is from the Locking Buffer Rendered TreeGrid Example taken in IE8:

    Bug.png

    A quick fix/workaround would be awesome, because I wanted to get a update out for testing soon and cannot with this bug..

  4. #4
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    38
    Vote Rating
    0
    andrewx is on a distinguished road

      0  

    Default


    It seems that adding this to my css fixes it with the bufferedrenderer plugin:

    Code:
    .x-grid-row {
        height: 22px;
    }

  5. #5
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,458
    Vote Rating
    20
    Animal is a jewel in the rough Animal is a jewel in the rough Animal is a jewel in the rough

      0  

    Default


    Yes, that will work as a workaround.

    Getting the row heights to just flow right across all browsers has been quite difficult.

    I believe we have a solution for 4.2.1 that will allow you not to have to force the issue. Using default font size, and CSS rules (padding etc), I have rows acquiring the exactly correct height naturally.

    We'll test this and it will be in 4.2.1

  6. #6
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    38
    Vote Rating
    0
    andrewx is on a distinguished road

      0  

    Default


    Quote Originally Posted by Animal View Post
    Yes, that will work as a workaround.

    Getting the row heights to just flow right across all browsers has been quite difficult.

    I believe we have a solution for 4.2.1 that will allow you not to have to force the issue. Using default font size, and CSS rules (padding etc), I have rows acquiring the exactly correct height naturally.

    We'll test this and it will be in 4.2.1
    Thanks! The CSS I posted above kind of messes up the headers if you have grouped hearers. Half the header ends up being white with the other half being gray (or blue). I prefer that to the rows not aligning, so I can live it with it for now.

  7. #7
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,458
    Vote Rating
    20
    Animal is a jewel in the rough Animal is a jewel in the rough Animal is a jewel in the rough

      0  

    Default


    You could conditionalize that code for IE...

    Code:
    .x-ie .x-grid-row {
        height: 22px;
    }
    As usual, it's only IE which causes major difficulties in producing a beautiful UI!

    (YYMV.... row heights are different when you use Neptune)