-
19 Feb 2013 1:44 PM #1
[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
-
20 Feb 2013 1:03 PM #2Sencha - Senior Forum Manager
- Join Date
- Mar 2007
- Location
- St. Louis, MO
- Posts
- 33,641
- Vote Rating
- 434
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.
-
13 Mar 2013 9:01 AM #3
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..
-
13 Mar 2013 9:17 AM #4
It seems that adding this to my css fixes it with the bufferedrenderer plugin:
Code:.x-grid-row { height: 22px; }
-
14 Mar 2013 9:05 AM #5
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.1Search the forum: http://www.google.com/coop/cse?cx=01...%3Az7of1ufqccu
Read the docs too: http://extjs.com/deploy/dev/docs/
Scope: http://extjs.com/forum/showthread.ph...642#post257642
-
14 Mar 2013 11:09 AM #6
-
14 Mar 2013 11:42 AM #7
You could conditionalize that code for IE...
As usual, it's only IE which causes major difficulties in producing a beautiful UI!Code:.x-ie .x-grid-row { height: 22px; }
(YYMV.... row heights are different when you use Neptune)Search the forum: http://www.google.com/coop/cse?cx=01...%3Az7of1ufqccu
Read the docs too: http://extjs.com/deploy/dev/docs/
Scope: http://extjs.com/forum/showthread.ph...642#post257642
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).


Reply With Quote