Skip to main content




Applies only to Mobile Apps and Reactive Web Apps
Service Studio version:

Button Group Item

  • Edit
    Collaborate with us
    Edit this page on GitHub
  • The ButtonGroupItem is an individual button that represents an option within a Button Group widget. The Button Group Item must be used with a Button Group widget (unlike the Button widget, which is an interface element on its own).

    When you drag the Button Group widget into the Main Content area of your application's screen, by default, the widget contains 3 Button Group Items. You can add or delete as many Button Group Items as required and customize their properties as you wish.

    Button Group Item


    Name Description Mandatory Default value Observations
    Name Identifies an element in the scope where it's defined, such as a screen, action, or module. Yes
    Value Value assigned to the Button Group widget variable when the user select this item. Yes
    Enabled Boolean literal or expression that defines if the widget is editable. True
    Visible Boolean literal or expression that defines whether to display the widget or not. Yes True
    Style Classes Specifies one or more style classes to apply to the widget. Separate multiple values with spaces. "button-group-item"
    Property Name of an attribute to add to the HTML translation for this element. You can pick a property from the drop-down list or type a free text. The name of the property isn't validated by the platform.

    Duplicated properties aren't allowed. Spaces, " or ' are also not allowed.
    Value Value of the attribute. You can type the value directly or write expressions using the Expression Editor.

    If the Value is empty, the corresponding HTML tag is property="property". For example, the nowrap property doesn't require a value, therefore the property is nowrap="nowrap".


    Name Description Mandatory Observations
    Event JavaScript or custom event to handle.
    Handler JavaScript event handler.

    Runtime properties

    Name Description Read Only Type Observations
    Id Identifies the widget instance at runtime (HTML 'IDA' attribute). You can use it in JavaScript and Extended Properties. Yes Text