Support Article
Vertical scroll bar is truncated by the browser window
Summary
Vertical scroll bar is truncated by the browser window, after users navigate away from the search window and returns to the live transaction.
Error Messages
Not Applicable.
Steps to Reproduce
- Start a live interaction
- Perform a member search that returns more than 10 records
- Navigate to the home tab and return to the member search screen. Scroll bar is truncated
Root Cause
A defect in Pegasystems’ code or rules. The height did not adjust according to the window size.
Resolution
Apply HFix-38244 and perform below changes to resolve the issue.
- In CSChatUtil.js resizeInteractionPortalDcHeight function the inline height is set whose calculation is incorrect. Below is the correct code:
function resizeInteractionPortalDcHeight(){
/* Composite Portal Vertical Scroll bar issue - Case update */
var runtimeHeader = $("[data-node-id = 'pzRuntimeToolsTopBar']");
if(runtimeHeader && runtimeHeader.length > 0)
$("#workarea").height($(window).height() - $("header").height() - runtimeHeader.height());
else
$("#workarea").height($(window).height() - $("header").height());
}
Set the height of the workarea equal to the window height (not body height) minus the header height. - Add the below changes in the UserWorkForm:
pega.u.d.attachOnload(function () {
var screenLayoutObj = $(".screen-layout");
var workareaObj = screenLayoutObj.find("main #workarea");
var headerObj = screenLayoutObj.find("header");
var runtimeHeader = $("[data-node-id = 'pzRuntimeToolsTopBar']");
if(screenLayoutObj.length > 0 && workareaObj.length > 0){
if(runtimeHeader && runtimeHeader.length > 0)
workareaObj.height($(window).height() - headerObj.height() - runtimeHeader.height());
else
workareaObj.height($(window).height() - headerObj.height());
}
}, true);
Published January 6, 2018 - Updated December 2, 2021
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.