Hi,
We observe a misalignment issue for ListGrid header label: when the html5 doctype is set, the header label is shifted to the top if there's no enough width to display it.
Please try the following standalone with <!DOCTYPE HTML> flag. The label for column "Country" is shifted to the top. Without the flag, the label is aligned with other columns. This issue can be reproduced on FF12, IE11 and Google Chrome with SmartClient_v83p_2014-01-24_PowerEdition and SmartClient_v91p_2014-09-16_PowerEdition.
Thanks!
We observe a misalignment issue for ListGrid header label: when the html5 doctype is set, the header label is shifted to the top if there's no enough width to display it.
Please try the following standalone with <!DOCTYPE HTML> flag. The label for column "Country" is shifted to the top. Without the flag, the label is aligned with other columns. This issue can be reproduced on FF12, IE11 and Google Chrome with SmartClient_v83p_2014-01-24_PowerEdition and SmartClient_v91p_2014-09-16_PowerEdition.
Thanks!
Code:
isc.ListGrid.create({
ID: "countryList",
width:500, height:224, top: 100, left: 50, alternateRecordStyles:true,
headerHeight:30, headerButtonProperties:{wrap:true},
fields:[
{name:"countryCode", title:"Flag",align:"center", type:"image", imageURLPrefix:"flags/16/", imageURLSuffix:".png"},
{name:"countryName", title:"Country", width:40},
{name:"capital", title:"Capital"},
{name:"continent", title:"Continent"}
]
})