DxFormLayoutGroup.Decoration Property

Specifies whether to decorate DxFormLayoutGroup as a card.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[DefaultValue(FormLayoutGroupDecoration.Card)]
[Parameter]
public FormLayoutGroupDecoration Decoration { get; set; }

Property Value

Type	Default	Description
FormLayoutGroupDecoration	Card

A FormLayoutGroupDecoration enumeration value.

Available values:

Name	Description
Card

The group has a card decoration.

| | None |

The group has no decoration.

Remarks

The DxFormLayout component displays its groups as cards.

Set the Decoration property to FormLayoutGroupDecoration.None to disable the card decoration for groups:

razor

<DxFormLayout>
    <DxFormLayoutGroup Caption="Personal Information" Decoration="FormLayoutGroupDecoration.None">
        <DxFormLayoutItem Caption="First Name:">
            <DxTextBox @bind-Text="@FirstName" />
        </DxFormLayoutItem>

        <DxFormLayoutItem Caption="Last Name:">
            <DxTextBox @bind-Text="@LastName" />
        </DxFormLayoutItem>

        <DxFormLayoutItem Caption="Birthday:">
            <DxDateEdit @bind-Date="@Birthday"></DxDateEdit>
        </DxFormLayoutItem>
    </DxFormLayoutGroup>
</DxFormLayout>

@code {
    string FirstName { get; set; } = "Nancy";
    string LastName { get; set; } = "Davolio";
    DateTime Birthday { get; set; } = DateTime.Now.AddYears(-20);
}

Run Demo: Form Layout - Groups