Sep 12

 Button Group

Button Group widget is a container that shows a set of buttons that can be managed and styled as a group.

The buttons inside the group can be:

  • aligned horizontally or
  • vertically.

Using Button Group, Buttons can exist together as a group. They are great when you need to display a group of actions in a bar. These build off the button styles and work perfectly with the grid. Button group can be used in cases where you have three different behavior upon a single entity. Example for video/audio we have a play, pause, stop operations. In such cases, the button group provides visual groupings of buttons.


Refer to  Button widget document for individual Button features and properties.

Property Description
Name The name is a unique identifier for the Button Group. Special characters and spaces are not allowed in widget name.
Add Button You can choose to add more buttons to the given default three buttons using this control.
Width The width of your widget can be specified in em, pt, px or % (i.e 50px, 75%).
Vertical This property determines if the tabs should be vertical.
Show Showing determines whether or not a component is visible. It is a bindable property.
Load on Demand
(visible only when show property is bound to a variable)
When this property is set and show property is bound, the initialization of the widget will be deferred till the widget becomes visible. This behavior improves the load time. Use this feature with caution, as it has a downside (as we will not be able to interact with the widget through script until the widget is initialized). When show property is not bound the widget will be initialized immediately.
Horizontal Align This property specifies how the elements should be aligned horizontally.

We use cookies to provide you with a better experience. By using our website you agree to the use of cookies as described in our Privacy Policy.