Eliminating non-designed Scrollbars on large web pages

Document ID : KB000027519
Last Modified Date : 14/02/2018
Show Technical Document Details


Developers of Web Applications using CA Gen sometimes experience unwanted scrollbars on their web browser pages.

When the content of the window is larger than the viewable area, the browser will display horizontal and/or vertical scrollbars that could cover some of the designed controls. Sometimes these scrollbars appear as a result of internal calculations, when there is no actual content to be viewed by scrolling.



You can eliminate the page scrollbars on any window by adding HTML text as follows:


function userOnLoad() 


    parent.AppWindow.document.body.style.overflow = 'hidden'; 



If you have users with a low screen resolution, they may depend upon the automatic browser scrollbars to see the whole page. For most browsers, you can scroll the page without scrollbars by clicking on a free place on the page, then dragging the mouse pointer beyond the page boundary in the direction you want to scroll.