New to Kendo UI for Angular? Start a free 30-day trial
Kendo UI for Angular FormFieldSet Overview
The FormFieldSet component allows you to group FormField components, providing a structured layout for forms, just like the HTML <fieldset> element.
The FormFieldSet component is useful for organizing related form fields, making it easier for users to understand and interact with the form. You can define multiple FormFieldSet components within a form to organize related fields.
To provide a clear title for the group of form fields you can set the legend property of the FormFieldSet component. If the legend property is not set, the fieldset will not display any title and will remove the default legend line that is usually rendered alongside the fieldset.
html
<form kendoForm [formGroup]="form">
<fieldset kendoFormFieldSet legend="Personal Information">
<kendo-formfield></kendo-formfield>
<kendo-formfield></kendo-formfield>
</fieldset>
<fieldset kendoFormFieldSet>
<kendo-formfield></kendo-formfield>
<kendo-formfield></kendo-formfield>
</fieldset>
</form>The following example demonstrates the FormFieldSet component in action.
Change Theme
Theme
Loading ...