Skip to main content

ToggleGroup

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",
                },
            ]
        }
    ]
});

Properties​

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();

Methods​

Check the full list of methods of the ToggleGroup control.

Events​

Check the full list of events of the ToggleGroup control.