Support Article
Columns cut off on Agent Management landing page
SA-32378
Summary
After upgrading to Pega 7.2.2, the Agent Management landing page (Designer Studio > System > Operations > Agent Management) displays, but the right most column(s) of the grids can get cutoff which makes it impossible to see the full contents of the grid.
Error Messages
Not Applicable
Steps to Reproduce
- Navigate to the Agent Management landing page.
- Resize the browser window a few times to induce a horizontal scrollbar.
Root Cause
The grids used in the Agent Management landing page are designed with a combination of progressive pagination (which makes use of a fixed header) along with sections included in the grid cells.
This combination can cause problematic behavior when the width of the grid content must be calculated, such as when resizing the browser window such that a horizontal scrollbar is shown.
Resolution
This issue will be resolved in a future release of Pega 7, but can also be mitigated by adding the following script block to the UserWorkForm HTML fragment rule:
<style>
/* For the grid in the Node tab */
.ie div[node_name='pzAgentNodeManagementInner'] div.gPercent > div#gridLayoutWrapper > table#gridLayoutTable > tbody > tr > td.mainGridTableCell > div#gridBody_right > table#bodyTbl_right {
table-layout: fixed;
}
/* For the grid in the Cluster tab */
.ie div[node_name='pzAgentClusterManagementInner'] div.gPercent > table#gridHeaderTable > tbody > tr > td.mainGridTableCell > div#gridHead_right > table.gridTable > tbody > tr > th.expandPaneHeader {
width: 30px !important;
}
.ie div[node_name='pzAgentClusterManagementInner'] div.gPercent > div#gridLayoutWrapper > table#gridLayoutTable > tbody > tr > td.mainGridTableCell > div#gridBody_right > table#bodyTbl_right {
table-layout: fixed;
}
.ie div[node_name='pzAgentClusterManagementInner'] div.gPercent > div#gridLayoutWrapper > table#gridLayoutTable > tbody > tr > td.mainGridTableCell > div#gridBody_right > table#bodyTbl_right > tbody > tr > td.hiddenCell {
width: 30px !important;
}
</style>
Published January 24, 2017 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.