Skip to main content

 

 

 

Template:OutSystems/Documentation_KB/Breadcrumb_New_Layout

 

 

Template:OutSystems/OSLanguageSwitcher

 

Applies only to Traditional Web Apps

 

 

OutSystems

Toggle Button Reference

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

    CSS selectors

    Element CSS Class Description
    .toggle-button .toggle-button-checked Is the Class Selector to style the Toggle Button when the Boolean Variable is true
    .toggle-button .toggle-button-disabled Is the Class Selector to style the Toggle Button when is disabled
    .toggle-button .toggle-button:after Is the Pseudo Element Selector to style the circle of Toggle Button

    Advanced use case

    Disable the Toggle Button pattern

    1. Drag the Toggle Button pattern into the preview.

    2. Set a variable of type boolean to the checkbox.

    3. In the Checkbox, set the parameter Enabled to False.

    4. Publish and test.

    • Was this article helpful?