Skip to main content






Applies only to Traditional Web Apps



Button Group

  • Edit
    Collaborate with us
    Edit this page on GitHub
  • 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.


    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?