In Internet Explorer 8, when I generate the print preview for a chart and grid, the two components are stacked on top of each other.
SmartClient_v91p_2014-05-13_PowerEdition
Repro steps:
1. Load the test case
2. Execute the following method in the console: print()
3. Note that the chart is displayed on top of the grid.
If I add printForExport to the print properties argument of showPrintPreview, the chart is not displayed at all.
This does not occur on other browsers such as Chrome.
[code]
<!DOCTYPE html>
<html>
<head>
<title >SNQA-661</title>
<script type="text/javascript" >
var isomorphicDir="http://localhost:8080/isomorphic/";
</script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Core.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Foundation.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Containers.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Grids.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Forms.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_DataBinding.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Drawing.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_PluginBridges.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Charts.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Tools.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/skins/EnterpriseBlue/load_skin.js"></script>
</head>
<body>
<script type="text/javascript">
var data = [
{ project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 231, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "Long Project Name", redflag: "", owner: "University of MD", ins: 33, obs: 231, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 23, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 231, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "Feliz Navidad", redflag: "", owner: "University of MD", ins: 33, obs: 1, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 231, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "Whitehouse Lawn Maintenance", redflag: "", owner: "University of MD", ins: 33, obs: 231, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 1, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "Automated Teller MAchine Upgrades", redflag: "", owner: "University of MD", ins: 33, obs: 231, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 34, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 1, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 231, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "Saks Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 1, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" }
];
</script>
</head>
<body>
<script type="text/javascript">
isc.DataSource.create({
ID: "ds",
fields: [
{name:"project", title:"Project", type:"text" },
{name:"redflag", type:"text", title:"Flag"},
{name:"owner", type:"text", title:"Owner"},
{name:"ins", type:"integer", title:"#Inspections"},
{name:"obs", type:"integer", title:"#Observations"},
{name:"unsafe", type:"integer", title:"# Non-Compliant"},
{name:"safe", type:"integer", title:"# Compliant"},
{name:"insDate", type:"date", title:"Last Inspection"}
],
cacheData:data,
clientOnly: true
});
var grid = isc.ListGrid.create({
dataSource : ds,
dataFetchMode : "local",
autoFetchData: true,
width : 800,
align : "center",
autoDraw: false,
autoFitData : "vertical",
autoFitMaxHeight : 600,
alternateRecordStyles : true,
canAddFormulaFields : true,
//canAddSummaryFields : true,
canGroupBy : true,
//canReorderFields : true,
showGroupSummary : true,
//groupByMaxRecords : 1000,
//canMultiGroup : true,
useAdvancedFieldPicker : true,
advancedFieldPickerThreshold : 3,
canEditTitles: true
});
var chart = isc.FacetChart.create({
align:"center",
data: data,
autoDraw: false,
dataMargin: 25,
width: 300,
height: 300,
ID: "SNWS-632",
facets: [{
id: "project", // the key used for this facet in the data above
title: "Project"
}],
valueProperty: "obs", // the property in our data that is the numerical value to chart
valueTitle: "Observations",
chartType: "Line",
title: "SNQA-632",
showDataPoints: true,
showDataValues: true,
showValueAxisLabel: true
});
var layout = isc.VLayout.create({
layoutMargin: 0,
membersMargin: 0,
defaultLayoutAlign:"center",
border: "1px dashed #000000",
autoDraw: true,
members: [
chart,
grid
]
});
var print = function() {
Canvas.showPrintPreview([chart, grid], {}, {
canDragResize : true,
width : "50%",
height : "50%",
autoCenter : true,
title : "SNQA-632"
});
}
</script>
</body>
</html>
[code]
SmartClient_v91p_2014-05-13_PowerEdition
Repro steps:
1. Load the test case
2. Execute the following method in the console: print()
3. Note that the chart is displayed on top of the grid.
If I add printForExport to the print properties argument of showPrintPreview, the chart is not displayed at all.
This does not occur on other browsers such as Chrome.
[code]
<!DOCTYPE html>
<html>
<head>
<title >SNQA-661</title>
<script type="text/javascript" >
var isomorphicDir="http://localhost:8080/isomorphic/";
</script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Core.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Foundation.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Containers.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Grids.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Forms.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_DataBinding.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Drawing.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_PluginBridges.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Charts.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Tools.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/skins/EnterpriseBlue/load_skin.js"></script>
</head>
<body>
<script type="text/javascript">
var data = [
{ project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 231, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "Long Project Name", redflag: "", owner: "University of MD", ins: 33, obs: 231, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 23, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 231, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "Feliz Navidad", redflag: "", owner: "University of MD", ins: 33, obs: 1, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 231, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "Whitehouse Lawn Maintenance", redflag: "", owner: "University of MD", ins: 33, obs: 231, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 1, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "Automated Teller MAchine Upgrades", redflag: "", owner: "University of MD", ins: 33, obs: 231, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 34, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 1, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 231, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
{ project: "Saks Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 1, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" }
];
</script>
</head>
<body>
<script type="text/javascript">
isc.DataSource.create({
ID: "ds",
fields: [
{name:"project", title:"Project", type:"text" },
{name:"redflag", type:"text", title:"Flag"},
{name:"owner", type:"text", title:"Owner"},
{name:"ins", type:"integer", title:"#Inspections"},
{name:"obs", type:"integer", title:"#Observations"},
{name:"unsafe", type:"integer", title:"# Non-Compliant"},
{name:"safe", type:"integer", title:"# Compliant"},
{name:"insDate", type:"date", title:"Last Inspection"}
],
cacheData:data,
clientOnly: true
});
var grid = isc.ListGrid.create({
dataSource : ds,
dataFetchMode : "local",
autoFetchData: true,
width : 800,
align : "center",
autoDraw: false,
autoFitData : "vertical",
autoFitMaxHeight : 600,
alternateRecordStyles : true,
canAddFormulaFields : true,
//canAddSummaryFields : true,
canGroupBy : true,
//canReorderFields : true,
showGroupSummary : true,
//groupByMaxRecords : 1000,
//canMultiGroup : true,
useAdvancedFieldPicker : true,
advancedFieldPickerThreshold : 3,
canEditTitles: true
});
var chart = isc.FacetChart.create({
align:"center",
data: data,
autoDraw: false,
dataMargin: 25,
width: 300,
height: 300,
ID: "SNWS-632",
facets: [{
id: "project", // the key used for this facet in the data above
title: "Project"
}],
valueProperty: "obs", // the property in our data that is the numerical value to chart
valueTitle: "Observations",
chartType: "Line",
title: "SNQA-632",
showDataPoints: true,
showDataValues: true,
showValueAxisLabel: true
});
var layout = isc.VLayout.create({
layoutMargin: 0,
membersMargin: 0,
defaultLayoutAlign:"center",
border: "1px dashed #000000",
autoDraw: true,
members: [
chart,
grid
]
});
var print = function() {
Canvas.showPrintPreview([chart, grid], {}, {
canDragResize : true,
width : "50%",
height : "50%",
autoCenter : true,
title : "SNQA-632"
});
}
</script>
</body>
</html>
[code]