14 Dec 2011 6:13 AM #1
Answered: Messed up UI of gridpanel with CheckboxModel selection in IE8 compatibility view
as described in the title we are currently dealing with a little bit messed up UI of the gridpanel. We have a gridpanel with 6 columns and a selModel of type Ext.selection.CheckboxModel. It works very nice except when in IE8 compatibility view, where the column widths are out of sync with the header widths resulting in a confusing layout. We have a strict xhtml doctype and we use the following meta-tag:
<meta http-equiv="X-UA-Compatible" content="IE=8" />
The document mode is indeed IE8 standards but the browser mode is IE8 compatibility view due to Microsoft's default setting for running intranet applications in compatibility mode. So the UI is ok for IE7 & IE8 standards mode but not for IE8 compatibility view resulting in a problem for us as we develop an intranet application and we can't expect all our users the uncheck the box to disable the compatibility view.
Anyone have an idea how to deal with this?
This has been fixed in the 4.1.0 branch.
15 Dec 2011 1:59 PM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
This has been fixed in the 4.1.0 branch.Mitchell Simoens @LikelyMitch
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
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 email@example.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.
16 Dec 2011 12:12 AM #3