DxFormLayoutGroup Class

Represents a container for layout items and other layout groups.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v20.2.dll

NuGet Package: DevExpress.Blazor

Declaration

public class DxFormLayoutGroup :
    FormLayoutGroupBase

Remarks

Use the DxFormLayoutGroup class to organize layout items (DxFormLayoutItem) and other layout groups. You can use ColSpanXX properties to specify a group width.

See Also: Bootstrap documentation

Example

The following example illustrates how to create groups of layout items in the Form Layout.

<DxFormLayout>
    <DxFormLayoutGroup Caption="Personal Information">
        <DxFormLayoutItem Caption="First Name:" ColSpanMd="6">
            ...
        </DxFormLayoutItem>
    </DxFormLayoutGroup>

    <DxFormLayoutGroup Caption="Work Information">
        <DxFormLayoutItem Caption="Position:" ColSpanMd="6">
            ...
        </DxFormLayoutItem>
    </DxFormLayoutGroup>
</DxFormLayout>

Online Demo

Form Layout - Groups

Implements

IComponent

IHandleEvent

IHandleAfterRender

IDisposable

Inheritance

Object

ComponentBase

FormLayoutGroupBase

DxFormLayoutGroup