DxFlyout.FooterText Property
Specifies the text displayed in the flyout window’s footer.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
Declaration
[Parameter]
public string FooterText { get; set; }
Property Value
Type | Description |
---|---|
String | The footer’s text. |
Remarks
Set the FooterVisible property to true
to show the footer in the flyout window. Use the FooterText
property to specify the footer’s text.
<style>
.header-footer-style {
font-style: italic;
}
</style>
<DxButton Id="targetButton" Click="() => IsOpen = !IsOpen">Show a flyout window</DxButton>
<DxFlyout @bind-IsOpen=IsOpen PositionTarget="#targetButton" Width=400
BodyText="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
HeaderVisible="true" HeaderText="Header" HeaderCssClass="header-footer-style"
FooterVisible="true" FooterText="Footer" FooterCssClass="header-footer-style">
</DxFlyout>
@code {
bool IsOpen { get; set; } = false;
}
See Also