Skip to main content

 

Patterns

 

Applies only to Traditional Web Apps

 

OutSystems

Button Group

  • Edit
  • You can use the Button Group UI Pattern to display radio button choices to the user. This pattern is ideal when you have between two to four options. To show a larger number of options, consider using a the Dropdown UI Pattern.

    How to use the Button Group UI Pattern

    1. In Service Studio, in the Toolbox, search for Button Group.

      The Button Group widget is displayed.

    2. From the Toolbox, drag the Button Group widget into the Main Content area of your application's screen.

      By default, the pattern contains 3 Button Group Items. You can add or delete as many Button Group Items as required.

    3. From the Widget Tree, select the radio-button element, and on the Properties tab, set the Variable and Value properties.

    4. Repeat step 3 for each of the radio-button elements.

    5. Change the Label text for each of the Button Group Items.

    Properties

    Property Description
    IsJustified (Boolean): Optional If True, the Button Group items are evenly distributed in the space available. If False, the Button Group items are left aligned. This is the default.
    • Was this article helpful?