blazor-devexpress-dot-blazor-4e1c0ffb.md
Lists the values for FormLayoutGroupDecoration property.
Namespace : DevExpress.Blazor
Assembly : DevExpress.Blazor.v25.2.dll
NuGet Package : DevExpress.Blazor
public enum FormLayoutGroupDecoration
| Name | Description |
|---|---|
Card |
The group has a card decoration.
|
| None |
The group has no decoration.
|
The following properties accept/return FormLayoutGroupDecoration values:
To decorate a DxFormLayoutGroup as a card, set the Decoration property to FormLayoutGroupDecoration.Card.
<DxFormLayout>
<DxFormLayoutGroup Caption="Personal Information" Decoration="FormLayoutGroupDecoration.Card">
<DxFormLayoutItem Caption="First Name:">
<Template>
<DxTextBox @bind-Text="@FirstName"></DxTextBox>
</Template>
</DxFormLayoutItem>
<DxFormLayoutItem Caption="Last Name:">
<Template>
<DxTextBox @bind-Text="@LastName"></DxTextBox>
</Template>
</DxFormLayoutItem>
<DxFormLayoutItem Caption="Birthday:">
<Template>
<DxDateEdit @bind-Date="@Birthday"></DxDateEdit>
</Template>
</DxFormLayoutItem>
</DxFormLayoutGroup>
</DxFormLayout>
@code {
string firstName = "Nancy";
string FirstName { get => firstName; set { firstName = value; OnChanged(); } }
string lastName = "Davolio";
string LastName { get => lastName; set { lastName = value; OnChanged(); } }
DateTime birthday = DateTime.Now.AddYears(-20);
DateTime Birthday { get => birthday; set { birthday = value; OnChanged(); } }
void OnChanged() { InvokeAsync(StateHasChanged); }
}
To use no group decoration, set the Decoration property to FormLayoutGroupDecoration.None.
<DxFormLayout>
<DxFormLayoutGroup Caption="Personal Information" Decoration="FormLayoutGroupDecoration.None">
<DxFormLayoutItem Caption="First Name:">
<Template>
<DxTextBox @bind-Text="@FirstName"></DxTextBox>
</Template>
</DxFormLayoutItem>
<DxFormLayoutItem Caption="Last Name:">
<Template>
<DxTextBox @bind-Text="@LastName"></DxTextBox>
</Template>
</DxFormLayoutItem>
<DxFormLayoutItem Caption="Birthday:">
<Template>
<DxDateEdit @bind-Date="@Birthday"></DxDateEdit>
</Template>
</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
See Also