SmartClient Version (ISC_Core.js' header)
Version v9.0p_2013-12-10 (2013-12-10)
Browser
Internet Explorer 10
![]()
Problem:
We've got a ListGrid inside a popup. The visible fields have their width set to "*". On Chrome and FireFox, the fields are getting re-sized accordingly, as we change the window's width. On IE 10, however, they do not get re-sized. We've tried simply setting each field width during run-time, after the grid was created, but we get the following exception:
![]()
(trying to set it from the console)
![]()
Observation
jQuery's browser object has the following attributes:
So I wonder if the browser version has something to do with the the problem. Maybe you guys could tell me more about it.
ListGrid Configs
HTML File
Version v9.0p_2013-12-10 (2013-12-10)
Browser
Internet Explorer 10
Problem:
We've got a ListGrid inside a popup. The visible fields have their width set to "*". On Chrome and FireFox, the fields are getting re-sized accordingly, as we change the window's width. On IE 10, however, they do not get re-sized. We've tried simply setting each field width during run-time, after the grid was created, but we get the following exception:
(trying to set it from the console)
Observation
jQuery's browser object has the following attributes:
Code:
>> $j.browser
{
msie : true,
version : "7.0"
}ListGrid Configs
Code:
{
ID: "chatInteractionsGrid",
height: "*",
headerHeight: 30,
groupByField: "interactionGroup",
groupStartOpen: "all",
showSortNumerals: false,
quickDrawAheadRatio: 4.0,
wrapCells: true, // allows cells to break a line when the data is too long.
fixedRecordHeights: true, // must be set to false so that cells with long data strings are not cut out.
canCollapseGroup: false, // true by default.
canResizeFields: false,
canAutoFitFields: false,
canReorderFields: false,
virtualScrolling: false,
showHeaderContextMenu: false,
alternateRecordStyles: true,
showAsynchGroupingPrompt: false,
emptyMessage: CONFIG.EMPTY_MESSAGE,
recordClick: function() {...},
recordDoubleClick: function() {...},
headerClick: function() {...},
rowOver: function() {...},
rowOut: function() {...},
selectionChanged: function() {...}
}
// Set programmatically
chatInteractionsGrid.groupByAsyncThreshold = this._chatGridGroupByAsyncT;
chatInteractionsGrid.setCellHeight(this._chatGridRowHeight);
chatInteractionsGrid.setFields(this._chatGridFields);
chatInteractionsGrid.setSort(this._chatGridSortSpecifiers);
chatInteractionsGrid.resizeField("name", "*");
chatInteractionsGrid.resizeField("type", "*");
chatInteractionsGrid.resizeField("waiting", "*");
chatInteractionsGrid.setWidth("100%");
chatInteractionsGrid.groupBy("interactionGroup");Code:
<!DOCTYPE html>
<html>
<head>
<title>{{#txt_chat_interactions#}}</title>
<meta charset="UTF-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="{{$css_path}}/control.css">
<link rel="stylesheet" type="text/css" href="{{$css_path}}/agui_common.css">
<!-- The only scripts we'll be loading up in the html head are jQuery and browser tricorder-->
<script type="text/javascript" src="../AGUI/js/browser_tricorder.js"></script>
<script type="text/javascript" src="../GEN/js/jQuery/jquery-1.8.2.min.js"></script>
<script type="text/javascript">var $j = jQuery.noConflict();</script>
</head>
<body class="popped-out-chat">
<script type="text/javascript">
// Add classes to the document body
browserTricorder.addClasses();
</script>
<div id="sc_container">
<span id="loading-profile-span">{{#txt_loading_chat_interactions#}}</span>
<img class="loading-image" src="{{$image_path}}/loading.gif" width="32" height="32"/>
</div>
<div id="grid_container"></div>
<!-- As a good practice, we load up scripts at the bottom of the document -->
<script type="text/javascript" src="../GEN/js/parentpagebus.js"></script>
<script type="text/javascript" src="../GEN/js/gen_PageCommunicator.js"></script>
<script type="text/javascript" src="../AGUI/js/agent_rtapi_lib.js"></script>
<script type="text/javascript" src="../GEN/js/countdownlatch/countdownlatch.js"></script>
<!-- SmartClient -->
<script>var isomorphicDir = "../GEN/js/isomorphic/";</script>
<script type="text/javascript" src="../GEN/js/isomorphic/system/modules/ISC_Core.js"></script>
<script type="text/javascript" src="../GEN/js/isomorphic/system/modules/ISC_Foundation.js"></script>
<script type="text/javascript" src="../GEN/js/isomorphic/system/modules/ISC_Containers.js"></script>
<script type="text/javascript" src="../GEN/js/isomorphic/system/modules/ISC_Grids.js"></script>
<script type="text/javascript" src="../GEN/js/isomorphic/system/modules/ISC_Forms.js"></script>
<script type="text/javascript" src="../GEN/js/isomorphic/system/modules/ISC_DataBinding.js"></script>
<script type="text/javascript" src="../GEN/js/isomorphic/skins/Enterprise/load_skin.js"></script>
<!-- Loading main js file -->
<script type="text/javascript" src="../AGUI/js/chat_grid_popout.js"></script>
</body>
</html>