DxDropDown.BodyTextTemplate Property

Specifies a template for the drop-down window’s body text area.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.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 drop-down window body’s text area.

Razor

<DxButton Id="showDDbtton" Click="() => IsOpenWindow = true">Show DropDown</DxButton>
<DxDropDown Width="400"
            @bind-IsOpen="@IsOpenWindow"
            PositionTarget="#showDDbtton"
            PositionMode="DropDownPositionMode.Bottom">
    <BodyTextTemplate>
        <div class="drop-down-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>
</DxDropDown>

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

CSS

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