Hi,
I am having an issue with IE6 and SSL when using a background-image style for the selected over CSS state when expanding and collapsing a ListGrid record. The page complains that "This page contains both secure and nonsecure items." Digging further, the issue only happens for the selected over CSS state and not for the over or selected states. The tool I used to figure out the exact URL of the first insecure resource is www.bayden.com/dl/scriptfreesetup.exe. In the particular test case below using the tool, I get a mixed content warning for add.png when the mouse is over a selected record because about:blank is prepended to the image URL (Block mixed content, including: about:blank../../isomorphic/skins/SmartClient/images/actions/add.png). I am using an existing image in the SmartClientSDK for purposes of this test case but in our application, we are using custom images for background-image.
Is there a workaround to not have about:blank added to the image URL so that we don't get this warning or will it be possible to fix this in a future build?
We are using version 8.2 (v8.2p_2012-06-06/Pro Deployment) but I also tested this on the 8.3 nightly build from yesterday (v8.3p_2013-02-06). Both give the same issue with the only difference being that in 8.2 it occurs when I expand a record but in 8.3 it happens when I collapse a record after multiple records are already expanded.
The simple test case to reproduce this issue is below. It is reproducible in IE6 when the site is served through HTTPS.
Thanks for your help in advance!
I am having an issue with IE6 and SSL when using a background-image style for the selected over CSS state when expanding and collapsing a ListGrid record. The page complains that "This page contains both secure and nonsecure items." Digging further, the issue only happens for the selected over CSS state and not for the over or selected states. The tool I used to figure out the exact URL of the first insecure resource is www.bayden.com/dl/scriptfreesetup.exe. In the particular test case below using the tool, I get a mixed content warning for add.png when the mouse is over a selected record because about:blank is prepended to the image URL (Block mixed content, including: about:blank../../isomorphic/skins/SmartClient/images/actions/add.png). I am using an existing image in the SmartClientSDK for purposes of this test case but in our application, we are using custom images for background-image.
Is there a workaround to not have about:blank added to the image URL so that we don't get this warning or will it be possible to fix this in a future build?
We are using version 8.2 (v8.2p_2012-06-06/Pro Deployment) but I also tested this on the 8.3 nightly build from yesterday (v8.3p_2013-02-06). Both give the same issue with the only difference being that in 8.2 it occurs when I expand a record but in 8.3 it happens when I collapse a record after multiple records are already expanded.
The simple test case to reproduce this issue is below. It is reproducible in IE6 when the site is served through HTTPS.
Code:
<HTML>
<HEAD>
<TITLE>ListGrid with SSL in IE6</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/SmartClient/load_skin.js></SCRIPT>
<style>
.cell,
.cellOver,
.cellSelected,
.cellSelectedOver {
font-family: Verdana,Bitstream Vera Sans,sans-serif;
font-size: 11px;
color: black;
background-color: white;
border: none;
}
.gridAddOver,
.gridAddSelected,
.gridAddSelectedOver {
padding-left: 20px;
background-image: url("../../isomorphic/skins/SmartClient/images/actions/add.png");
background-repeat: no-repeat;
background-position: 0px 4px;
border-right: solid 20px rgba(0, 0, 0, 0);
}
.gridAddOver {
color: green;
}
.gridAddSelected {
color: blue;
}
.gridAddSelectedOver {
color: red;
}
</style>
</HEAD>
<BODY>
<SCRIPT>
isc.ListGrid.create({
ID: "grid",
width: "400",
height: "300",
canExpandMultipleRecords: true,
canExpandRecords: true,
baseStyle:"cell",
fields: [{
name: "animal",
title: "Animal",
canGroupBy: false,
width: "*"
}],
getExpansionComponent: function (record, rowNum, colNum) {
return isc.Button.create({title:"Click me", width:200});
},
getBaseStyle: function (record, rowNum, colNum) {
var fieldName = this.getFieldName(colNum);
if (fieldName == 'animal') {
return "gridAdd";
}
return this.baseStyle;
},
data: [
{animal: "Cat"},
{animal: "Dog"}
]
});
</SCRIPT>
</BODY>
Comment