Skip to main content

 

 

 

 

Template:OutSystems/Documentation_KB/Breadcrumb_New_Layout

 

 

Template:OutSystems/OSLanguageSwitcher

 

Applies only to Traditional Web Apps

 

 

OutSystems

Dropdown Reference

Template:OutSystems/Documentation_KB/ContentCollaboration
  • Edit
    Collaborate with us
    Edit this page on GitHub
  • Layout and Classes

    CSS Selectors

    Element CSS Class Description
    .dropdown .is--hidden Defines if the dropdown list is closed
    .dropdown .is--visible Defines if the dropdown list is open

    Advanced Use Case

    1. Drag the Dropdown Pattern into the page.
    2. In the DropdownList placeholder, drag a ListRecords widget.
    3. Set the Line Separator property of the ListRecords widget to None.
    4. In the ListRecords widget, drag a link and connect it to the required destination.
    5. Inside the List, use expressions to display the content.
    6. In the Prompt placeholder, set the text you want to define as the prompt.
    7. Publish and test.

    • Was this article helpful?