Skip to main content

Fieldset

A control that allows arranging the elements of the form controls into groups.

Fieldset control

Related sample: Form. All controls

Related sample: Form. Fieldset

Related sample: Form. Fieldset with rows/cols

Adding Fieldset​

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

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 configuration properties of the Fieldset control.

Working with Fieldset​

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

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

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

Methods​

Check the full list of methods of the Fieldset control.

Events​

Check the full list of events of the Fieldset control.