ToggleGroup

A control that groups toggle buttons.

Related sample: Form. All controls

Related sample: Form. ToggleGroup

Adding ToggleGroup

You can add a ToggleGroup control during form initialization:

const form = new dhx.Form("form_container", { 
    rows: [
           {
            type: "toggleGroup",
            name: "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 ToggleGroup configuration properties.

Working with ToggleGroup

You can manage a ToggleGroup control with the methods and events of the object that the getItem() method returns.

For example, you can hide the control:

form.getItem("togglegroup").hide();

Methods

Check the full list of ToggleGroup methods.

Events

Check the full list of ToggleGroup events.