DxFlyout.BodyTextTemplate Property

Specifies a template for the flyout window’s body text area.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public RenderFragment<IPopupElementInfo> BodyTextTemplate { get; set; }

Property Value

Type	Description
RenderFragment<IPopupElementInfo>	The text template.

Remarks

Use the BodyTextTemplate property to display any render fragment (for instance, formatted text) in the flyout window body’s text area.

Razor

<DxButton RenderStyle="ButtonRenderStyle.Secondary" Click="() => IsOpen = !IsOpen" Id="flyout-overview-target-container">SHOW A FLYOUT</DxButton>

<DxFlyout @bind-IsOpen=IsOpen
          PositionTarget="#flyout-overview-target-container"
          HeaderVisible="true"
          HeaderText="Header"
          Width="max(25vw, 250px)">
    <BodyTextTemplate>
        <div class="flyout-text">
            <em>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            </em>
            Mauris sit amet metus velnisi blandit tincidunt vel efficitur purus.
            Nunc nec turpis tempus, accumsan orci auctor,
            imperdiet mauris. Fusce id purus magna.
        </div>
    </BodyTextTemplate>
</DxFlyout>

CSS

.flyout-text {
    color: rgb(95,54,141);
    font-size: 20px;
}