Skip to main content

 

 

 

Template:OutSystems/Documentation_KB/Breadcrumb_New_Layout
Documentation
How-to Guides
Front-End
How to hide the scroll bar of a List Box
Front-End

 

Template:OutSystems/OSLanguageSwitcher
Language:
English|日本語

 

 
Applies only to Traditional Web Apps

 

 

 
OutSystems

How to hide the scroll bar of a List Box

  1. Last updated
  2. Save as PDF
Template:OutSystems/Documentation_KB/ContentCollaboration
  • Edit
    Collaborate with us
    Edit this page on GitHub

    • How do I hide the vertical scroll bar in a List Box widget?

    For example: I set the Layout Height property to 100px so all values are visible at runtime, and now I want to hide the unnecessary scroll bar.

    Answer

    1. Drag the List Box widget into the Main Content area of your screen.

      Drag widget onto screen

    2. Select the Styles tab, and add the following style properties to the Style Properties Applied text box:

      overflow-y: hidden;
background-image: none;

      overflow-y: hidden disables the scroll bar and background-image: none removes the down arrow.

      Style Properties Applied

      Note: Height is already set to 100px.

    Result

    Before

    List Box with scroll bar

    After

    List Box without scroll bar