Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-8755 in a recent build.
  1. #1
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    46
    Vote Rating
    4
    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
    Gainesville, FL
    Posts
    37,347
    Vote Rating
    846
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Thanks for the report.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    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 in print!

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

  3. #3
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    46
    Vote Rating
    4
    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
    46
    Vote Rating
    4
    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,508
    Vote Rating
    56
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      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
    46
    Vote Rating
    4
    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,508
    Vote Rating
    56
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      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)

Thread Participants: 2