Support Article
Scrollbar does not display on adding a row item to a table grid
SA-81477
Summary
On adding a row item to the table grid at runtime, the scrollbar does not display and the user cannot navigate the screen. This occurs in the Chrome browser. The scrollbar displays on refreshing the browser; however, all input is lost.
Error Messages
Not Applicable
Steps to Reproduce
- Configure a Table grid with multiple columns.
- onClick open the flow action to display fields to be entered.
- On the Add button, configure a Run DataTransform and AddItem source from the data page.
- Execute the use case. The horizontal and vertical scrollbars display.
- Enter a row for the grid.
- Enter the fields to record the values in the modal dialog.
- Click Submit
Root Cause
When the modal dialog displays on the screen, the parent screen's vertical scrollbar is hidden. Using the Developer toolbar, the style appears as below:
overflow-y:hidden !important;
Resolution
Perform the following local-change:
For the Vertical scrollbar to display, add the below script in the UserWorkForm such that the harnessBody is scrollable always:
<style> .harnessBody{ overflow:auto !important }</style>
For the Horizontal scrollbar to display, perform the below steps:
- Create a style sheet (for example, MyStyles.css).
- Invoke the style sheet in the harness (in question) on the 'Scripts and Styles' tab.
- Write the below code in the MyStyles.css rule:
div#HARNESS_CONTENT.harnessContent{
//background-color:green;
width:auto;
height:auto;
overflow:auto !important;
}
Published October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.