grid doctype

I am coding a web application and there are some other components that require a doctype to be specified. I used the <!DOCTYPE HTML> doctype (but any other one triggering standards mode will result in the same problem) on IE8. I am using version 2.5.6 of activewidgets, but with the latest trial version the same problem occurs.

What happens is that in IE i can edit cells and it generally works... except when entering a value with 2 characters in a cell (it gets truncated to 1 character). Any other number of characters works fine. Also if I edit a cell and delete the value to get a blank cell, nothing happens and the cell returns to its original value once it loses focus.

also, in firefox and chrome this problem did not occur, but the columns were all sized equally (setHeaderWidth didn't work)

<head>

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

</head>

Add the above code, it may help with your IE issue.

While it did help with my IE issue, the grids work as expected there when I add that line, in firefox and chrome the header width problem still persists. Thanks anyway :)

Add this functions to your JS file

function getCSSRule(ruleName, deleteFlag) { ruleName = ruleName.toLowerCase(); if (document.styleSheets) { for (var i = 0; i < document.styleSheets.length; i++) { var styleSheet = document.styleSheets[i]; var ii = 0; var cssRule = false; do { if (styleSheet.cssRules) { cssRule = styleSheet.cssRules[ii] } else { cssRule = styleSheet.rules[ii] } if (cssRule) { if (cssRule.selectorText.toLowerCase() == ruleName) { if (deleteFlag == 'delete') { if (styleSheet.cssRules) { styleSheet.deleteRule(ii) } else { styleSheet.removeRule(ii) } return true } else { return cssRule } } } ii++ } while (cssRule) } } return false }; function killCSSRule(ruleName) { return getCSSRule(ruleName, 'delete') }; function addCSSRule(ruleName) { if (document.styleSheets) { if (!getCSSRule(ruleName)) { if (document.styleSheets[0].addRule) { document.styleSheets[0].addRule(ruleName, null, 0) } else { document.styleSheets[0].insertRule(ruleName + ' { }', 0) } } } return getCSSRule(ruleName) };

Then use this when setting the width of the field

getCSSRule("#myGrid .aw-column-1").style.width = "160px";

where "myGrid" is the ID of your grid

Thanks for your reply. It partially worked though. While the headers' size were changed the cells in the column were not (so the cells were not aligned with the headers)

Forum search