blazor-devexpress-dot-blazor-6a8996dc.md
Lists values that specify animation effects that can be applied to Accordion items, TreeView nodes and Form Layout groups.
Namespace : DevExpress.Blazor
Assembly : DevExpress.Blazor.v25.2.dll
NuGet Package : DevExpress.Blazor
public enum LayoutAnimationType
| Name | Description |
|---|---|
None |
The component does not apply animation effects.
|
| Slide |
The component applies the slide animation effect.
|
The following properties accept/return LayoutAnimationType values:
The following code snippet applies the slide animation effect to the Form Layout group:
<DxFormLayout>
<DxFormLayoutGroup Caption="Personal Information"
ExpandButtonDisplayMode="GroupExpandButtonDisplayMode.Start"
AnimationType="LayoutAnimationType.Slide">
<DxFormLayoutItem Caption="First Name:" ColSpanMd="12">
<DxTextBox @bind-Text="@FirstName" />
</DxFormLayoutItem>
<DxFormLayoutItem Caption="Last Name:" ColSpanMd="12">
<DxTextBox @bind-Text="@LastName" />
</DxFormLayoutItem>
<DxFormLayoutItem Caption="Birth Date:" ColSpanMd="12">
<DxDateEdit @bind-Date="@BirthDate" />
</DxFormLayoutItem>
</DxFormLayoutGroup>
</DxFormLayout>
@code {
string FirstName { get; set; } = "Nancy";
string LastName { get; set; } = "Davolio";
DateTime BirthDate { get; set; } = DateTime.Now.AddYears(-20);
}
See Also