Skip to main content

 

 

 

Template:OutSystems/Documentation_KB/Breadcrumb_New_Layout

 

 

Template:OutSystems/OSLanguageSwitcher

 

Applies only to Traditional Web Apps

 

 

OutSystems

Dropdown Select 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 .choices__list--dropdown.is-active Defines if the drop-down is closed or opened

    Advanced use case

    Change the border color

    Write the following CSS in the CSS editor and change the yourcolor variable:

    .choices__inner {
        border: var(--border-size-s) solid yourcolor;
    }
    

    Or using the CSS variable var(--color-yourcolor) example:

    .choices__inner {
        border: var(--border-size-s) solid var(--color-yourcolor);
    }
    

    Change removable tags color

    Write the following CSS in the CSS editor and change the yourcolor variable:

    .choices__list--multiple .choices__item.choices__item--selectable {
        background: yourcolor;
    }
    

    Or using the CSS variable var(--color-yourcolor) example:

    .choices__list--multiple .choices__item.choices__item--selectable {
        background: var(--color-yourcolor);
    }
    

    Browser previews

    With Combo Box:

    With List Box:

    Notes

    The SearchEnabled parameter doesn't work with ListBox.

    • Was this article helpful?