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 - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,778
    Vote Rating
    1312
      0  

    Default

    Thanks for the report.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    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 - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Redwood City
    Posts
    30,623
    Vote Rating
    56
      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 geek. Outspoken advocate of pure Javascript Views. Posts my own opinions.

  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 - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Redwood City
    Posts
    30,623
    Vote Rating
    56
      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 geek. Outspoken advocate of pure Javascript Views. Posts my own opinions.

Posting Permissions

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