Results 1 to 7 of 7

Thread: [RC1] Locked Tree Grid Row Alignment

    Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-8755 in 4.2.0.663.
  1. #1
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    46
    Vote Rating
    5
      -1  

    Default [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 - Community Support Team mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,023
    Vote Rating
    1334
      0  

    Default

    Thanks for the report.
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    https://github.com/mitchellsimoens

  3. #3
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    46
    Vote Rating
    5
      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
    5
      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 - Community Support Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Redwood City
    Posts
    30,746
    Vote Rating
    80
      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
    Longtime Sencha engineer. Now surplus to requirements apparently...

  6. #6
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    46
    Vote Rating
    5
      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 - Community Support Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Redwood City
    Posts
    30,746
    Vote Rating
    80
      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)
    Longtime Sencha engineer. Now surplus to requirements apparently...

Posting Permissions

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