Hi,
We observe an misalignment between the ListGrid headers and list grid records in IE 9 with the html5 doctype declaration "<!DOCTYPE html>".
We are using SmartClient_v83p_2014-01-24_PowerEdition and IE9.
We can reproduce the issue by replacing the "Portal Animation" or "Animation Programing" Example with the following code. We also notice if records are not grouped, this issue won't happen. Thanks!
We observe an misalignment between the ListGrid headers and list grid records in IE 9 with the html5 doctype declaration "<!DOCTYPE html>".
We are using SmartClient_v83p_2014-01-24_PowerEdition and IE9.
We can reproduce the issue by replacing the "Portal Animation" or "Animation Programing" Example with the following code. We also notice if records are not grouped, this issue won't happen. Thanks!
Code:
<!DOCTYPE HTML>
<HTML><HEAD><TITLE>
SmartClient animation programming
</TITLE>
<SCRIPT>var isomorphicDir = "../../isomorphic/"</SCRIPT>
<SCRIPT SRC=../../isomorphic/system/modules/ISC_Core.js></SCRIPT>
<SCRIPT SRC=../../isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
<SCRIPT SRC=../../isomorphic/system/modules/ISC_Containers.js></SCRIPT>
<SCRIPT SRC=../../isomorphic/system/modules/ISC_Grids.js></SCRIPT>
<SCRIPT SRC=../../isomorphic/system/modules/ISC_Forms.js></SCRIPT>
<SCRIPT SRC=../../isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
<SCRIPT SRC=../../isomorphic/skins/Enterprise/load_skin.js></SCRIPT>
</HEAD><BODY><SCRIPT>
isc.screenReader = true;
var testData2=[
{pk:0, orderID:8620, itemDescription:"18 inch flat panel monitor",
category:"Hardware", shipDate:new Date(2009,11,11), quantity:2 , unitPrice:"375" },
{pk:1, orderID:629, itemDescription:"Office 'Productivity' & Suite",
category:"Hardware", shipDate:new Date(2009,12,10), quantity:15 , unitPrice:"64.99" }];
isc.DataSource.create({
ID:"orderItemLocal2",
clientOnly:true,
testData:testData2,
fields:[
{name:"pk", type:"text", primaryKey:"true", hidden:"true"},
{name:"orderID", type:"text", canEdit:false, title:"Order ID", pluralTitle:"Orders"},
{name:"itemDescription", type:"text", title:"Description"},
{name:"category", type:"text", title:"Category"},
{name:"shipDate", type:"date", title:"Ship Date"},
{name:"quantity", type:"integer", title:"Quantity"},
{name:"unitPrice", type:"text", title:"Price"}
]
});
isc.ListGrid.create({
ID: "companyList",
width:600, height: 400,
autoFetchData:true,
dataSource:orderItemLocal2,
showFilterEditor: true,
groupByField: "category",
fields:[
{name:"orderID"},
{name:"itemDescription"},
{name:"category"},
{name:"shipDate"},
{name:"quantity"},
{name:"unitPrice"}
]
});
</SCRIPT></BODY></HTML>
Comment