Working in 9.0p 08/05/2013 (our current production release)
Not working in 9.1p 04/07/2014 (latest nightly)
Reproduction steps:
- load test case
- resize window so its not maximized (full screen) and causes vertical scroll bars
- scroll to bottom of page
- click Format button to open hilite editor dialog
- add clauses for all fields (9 total)
- resize dialog editor horizontally by dragging right edge
- observe that the target box of the resize is much smaller vertically and after resizing its not possible to resize vertically
I expect that a horizontal resize should not affect the vertical size, and also that I can resize the dialog to show all of the field clauses without scrollbars.
This does not happen to any of our dialogs (isc.Window)
Not working in 9.1p 04/07/2014 (latest nightly)
Reproduction steps:
- load test case
- resize window so its not maximized (full screen) and causes vertical scroll bars
- scroll to bottom of page
- click Format button to open hilite editor dialog
- add clauses for all fields (9 total)
- resize dialog editor horizontally by dragging right edge
- observe that the target box of the resize is much smaller vertically and after resizing its not possible to resize vertically
I expect that a horizontal resize should not affect the vertical size, and also that I can resize the dialog to show all of the field clauses without scrollbars.
This does not happen to any of our dialogs (isc.Window)
Code:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
.diagInfo {
font-size: 14px;
font-weight: bold;
padding: 5px;
}
</style>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/modules/ISC_Core.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/modules/ISC_Foundation.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/modules/ISC_Containers.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/modules/ISC_Grids.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/modules/ISC_Forms.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/modules/ISC_DataBinding.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/modules/ISC_Drawing.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/modules/ISC_PluginBridges.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/modules/ISC_Charts.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/modules/ISC_Tools.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/skins/EnterpriseBlue/load_skin.js"></script>
<script type="text/javascript" >
var isomorphicDir="http://localhost:8080/isomorphic/";
// set this to the correct JIRA ticket
var jiraTicket = "SNQA-438";
// test data
var data = [
{inspectorID:12345, field1: "1", field2:"2", field3:"3", field4:"4", field5:"5", region:"Northeast", inspections:206, observations:913,lastInspectionDate:new Date(2012, 8, 13), index:52.6 },
{inspectorID:67890, field1: "1", field2:"2", field3:"3", field4:"4", field5:"5", region:"West", inspections:66, observations:2,lastInspectionDate:new Date(2013, 2,2), index:75.3 },
{inspectorID:54321, field1: "1", field2:"2", field3:"3", field4:"4", field5:"5", region:"Northeast", inspections:4, observations:67,lastInspectionDate:new Date(2013,2,3), index:75.3 },
{inspectorID:09876, field1: "1", field2:"2", field3:"3", field4:"4", field5:"5", region:"South", inspections:24, observations:0,lastInspectionDate:new Date(2012,8,31), index:52.6 },
{inspectorID:09876, field1: "1", field2:"2", field3:"3", field4:"4", field5:"5", region:"South", inspections:24, observations:0,lastInspectionDate:new Date(2012,8,31), index:52.6 },
{inspectorID:09876, field1: "1", field2:"2", field3:"3", field4:"4", field5:"5", region:"South", inspections:24, observations:0,lastInspectionDate:new Date(2012,8,31), index:52.6 },
{inspectorID:09876, field1: "1", field2:"2", field3:"3", field4:"4", field5:"5", region:"South", inspections:24, observations:0,lastInspectionDate:new Date(2012,8,31), index:52.6 },
{inspectorID:09876, field1: "1", field2:"2", field3:"3", field4:"4", field5:"5", region:"South", inspections:24, observations:0,lastInspectionDate:new Date(2012,8,31), index:52.6 },
{inspectorID:09876, field1: "1", field2:"2", field3:"3", field4:"4", field5:"5", region:"South", inspections:24, observations:0,lastInspectionDate:new Date(2012,8,31), index:52.6 },
{inspectorID:09876, field1: "1", field2:"2", field3:"3", field4:"4", field5:"5", region:"South", inspections:24, observations:0,lastInspectionDate:new Date(2012,8,31), index:52.6 },
{inspectorID:09876, field1: "1", field2:"2", field3:"3", field4:"4", field5:"5", region:"South", inspections:24, observations:0,lastInspectionDate:new Date(2012,8,31), index:52.6 },
{inspectorID:09876, field1: "1", field2:"2", field3:"3", field4:"4", field5:"5", region:"South", inspections:24, observations:0,lastInspectionDate:new Date(2012,8,31), index:52.6 },
{inspectorID:09876, field1: "1", field2:"2", field3:"3", field4:"4", field5:"5", region:"South", inspections:24, observations:0,lastInspectionDate:new Date(2012,8,31), index:52.6 },
{inspectorID:09876, field1: "1", field2:"2", field3:"3", field4:"4", field5:"5", region:"South", inspections:24, observations:0,lastInspectionDate:new Date(2012,8,31), index:52.6 },
{inspectorID:09876, field1: "1", field2:"2", field3:"3", field4:"4", field5:"5", region:"South", inspections:24, observations:0,lastInspectionDate:new Date(2012,8,31), index:52.6 },
{inspectorID:09876, field1: "1", field2:"2", field3:"3", field4:"4", field5:"5", region:"South", inspections:24, observations:0,lastInspectionDate:new Date(2012,8,31), index:52.6 },
{inspectorID:09876, field1: "1", field2:"2", field3:"3", field4:"4", field5:"5", region:"South", inspections:24, observations:0,lastInspectionDate:new Date(2012,8,31), index:52.6 },
{inspectorID:09876, field1: "1", field2:"2", field3:"3", field4:"4", field5:"5", region:"South", inspections:24, observations:0,lastInspectionDate:new Date(2012,8,31), index:52.6 }
];
// datasource for the grid
isc.DataSource.create({
ID: "ds",
fields: [
{name:"inspectorID", title:"Inspector ID", type:"integer", showIf:"false" }, // hidden
{name:"inspections", type:"integer", title:"Number of Inspections Total"},
{name:"observations", title:"# Observations"},
{name:"region", type:"text", title:"Region/Country"},
{name:"lastInspectionDate", type:"date", title:"Last Inspection"},
{name:"field1", type:"text", title:"Field 1"},
{name:"field2", type:"text", title:"Field 2"},
{name:"field3", type:"text", title:"Field 3"},
{name:"field4", type:"text", title:"Field 4"},
{name:"field5", type:"text", title:"Field 5"}
],
cacheData:data,
clientOnly: true
});
// once page loads set some diagnostic information
isc.Page.setEvent("load", function() {
document.title = jiraTicket + " (SmartClient version " + isc.versionNumber + ")";
var html = [];
html.push("Jira: " + jiraTicket);
html.push("SmartClient: " + isc.versionNumber);
html.push("Browser: " + navigator.appCodeName + " " + navigator.appName + " " + navigator.appVersion);
html.push("This<br>");
html.push("text<br>");
html.push("has<br>");
html.push("been<br>");
html.push("added<br>");
html.push("to<br>");
html.push("use<br>");
html.push("more<br>");
html.push("vertical<br>");
html.push("space<br>");
html.push("and<br>");
html.push("force<br>");
html.push("the<br>");
html.push("vertical<br>");
html.push("scrollbar<br>");
html.push("in<br>");
html.push("the<br>");
html.push("browser<br>");
diagLabel.setContents( html.join("<br>"));
});
</script>
</head>
<body>
<script>
// this laebl should not be removed, all test cases should have this
var diagLabel = isc.Label.create({
ID: "diagInfo",
width: "100%",
styleName: "diagInfo",
autoFit: true
});
// basic grid
var grid = isc.ListGrid.create({
dataSource: ds,
dataFetchMode : "local",
autoFetchData: true,
clientOnly: true,
position: "relative",
width : 1024,
align : "center",
autoFitData : "vertical",
autoFitMaxHeight : 400,
alternateRecordStyles : true,
canAddFormulaFields : true,
canAddSummaryFields : true,
canGroupBy : true,
canReorderFields : true,
showGroupSummary : true,
groupByMaxRecords : 5,
useAdvancedFieldPicker: true,
advancedFieldPickerThreshold: 5,
autoDraw: false
});
// the main page layout - place all other components afetr diagLabel
isc.VLayout.create({
width:"100%",
membersMargin: 20,
members: [
// this must remain here to output diagnostic information
diagLabel,
// add any other components here
grid,
isc.Button.create({
title:"Format",
click:function() { grid.editHilites() }
})
]
});
</script>
</body>
</html>