Fieldset

A control that arranges Form controls into groups.

Related sample: Form. All controls

Related sample: Form. Fieldset

Related sample: Form. Fieldset with rows/cols

Adding Fieldset

You can add a Fieldset control during form initialization:

const form = new dhx.Form("form_container", {
    rows: [
        {
            type: "fieldset",
            label: "Section name",
            name: "f1",
            disabled: false, 
            hidden: false, 
            css: "mycss",
            rows: [
                {
                    type: "input",
                    name: "name",
                    required: true,
                    label: "Name",
                    placeholder: "Type text",
                },
                {
                    type: "input",
                    name: "surname",
                    required: true,
                    label: "Surname",
                    placeholder: "Type text",
                },
                // more controls
            ]
        }
    ]
});

Properties

View the full list of Fieldset configuration properties.

Working with Fieldset

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

For example, you can disable the control:

form.getItem("f1").disable();

Methods

Check the full list of Fieldset methods.

Events

Check the full list of Fieldset events.