Skip to main content


A control intended for creating groups of toggle buttons.

ToggleGroup control

Related sample: Form. All controls

Related sample: Form. ToggleGroup

Adding ToggleGroup

You can easily add a ToggleGroup control during initialization of a form:

const form = new dhx.Form("form_container", { 
rows: [
type: "toggleGroup",
full: true,
gap: 4,
options: [
id: "left",
icon: "dxi dxi-format-align-left",
id: "center",
icon: "dxi dxi-format-align-center",
id: "right",
icon: "dxi dxi-format-align-right",


View the full list of configuration properties of the ToggleGroup control.

Working with ToggleGroup

You can manipulate a ToggleGroup control by using methods or events of the object returned by the getItem() method.

For example, you can hide a control on a page:

const value = form.getItem("ToggleGroup").hide();


Check the full list of methods of the ToggleGroup control.


Check the full list of events of the ToggleGroup control.