DxFlyout.BodyText Property

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public string BodyText { get; set; }

Property Value

Type	Description
String	The body’s text.

Remarks

Use the BodyText property to specify the flyout window body’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;
}