IPopupElementInfo Interface

Contains information about a popup element.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

public interface IPopupElementInfo :
    IControlContext

Remarks

An IPopupElementInfo object is passed as the context parameter to the following templates:

• HeaderContentTemplate
• HeaderTemplate
• BodyContentTemplate
• BodyTemplate
• FooterContentTemplate
• FooterTemplate

In a template, you can use the parameter’s CloseCallback property to implement the Close button:

<div @onclick="@(() => PopupVisible = true)">
    <p>CLICK TO SHOW A POP-UP WINDOW</p>
</div>

<DxPopup @bind-Visible="@PopupVisible"
         HeaderText="Header"
         BodyText="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet metus vel
             nisi blandit tincidunt vel efficitur purus. Nunc nec turpis tempus, accumsan orci auctor,
             imperdiet mauris. Fusce id purus magna."
         ShowFooter="true">
    <FooterContentTemplate>
        <DxButton RenderStyle="ButtonRenderStyle.Primary" Text="OK"
                  Click="@context.CloseCallback" />
    </FooterContentTemplate>
</DxPopup>

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

Run Demo: Popup - Customization