Support Article

Incorrect UI behaviour (missing scrollbar and screen resize)

SA-37729

Summary



When opening two cases (tabs) and clicking on different tabs, the scrollbar present in first tab will no longer be visible.

User is not able to scroll down /left/right.

Also when submitting the screen and system displays error messages, the size of the container changes, a blue background appears at the bottom of the screen.


Error Messages



Not Applicable


Steps to Reproduce



1) Open two cases, observe the scrollbar on first tab.
2) Click on second case, then go back to first case. Observe that the scroll bar in the first case is no longer available.
3) Submit the screen on case 2, system throws error messages.
4) Observe that the bottom part of the screen gets resized, a blue panel appears.


Root Cause



A defect in Pegasystems’ code or rules, the previous tab harness styles been embedded to the other tab harness when content is too large.

Resolution



Appending the below script to userworkform will resolve the issue:

<script>
$(document).ready(function() {
$('ul').each(function() {
vartabContainer = $(this)[0];
if ($(tabContainer).attr('role') == 'tablist') {
$(tabContainer).on('click', 'li', function() {
if ($(this)[0].hasAttribute("tabgroupname")) {
varoSafeURL = new SafeURL("@baseClass.ReloadHarness");
oSafeURL.put("pzPrimaryPageName", "pyWorkPage");
pega.util.Connect.asyncRequest("POST", oSafeURL.toURL(), {
success: function(o) {
console.log("success");
},
failure: function(o) {
console.log("failure");
}
}, '');
console.log("URL called");
}
});
}
});

});
</script>


Published May 10, 2017 - Updated May 22, 2017

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.