DxFlyout.FooterText Property

Specifies the text displayed in the flyout window’s footer.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.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-style {
        <!-- your CSS rules -->
    }
    .footer-style {
        <!-- your CSS rules -->
    }
</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-style"
    FooterVisible="true" FooterText="Footer" FooterCssClass="footer-style">
</DxFlyout>

@code {
    bool IsOpen { get; set; } = false;
}