DxPopup.FooterTemplate Property

Specifies a template for a pop-up window’s footer.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v20.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public RenderFragment FooterTemplate { get; set; }

Property Value

Type	Description
RenderFragment	A template for a pop-up window’s footer.

Remarks

The Popup component does not display a predefined footer in the pop-up window. Use the FooterTemplate property to specify footer content.

The following example demonstrates how to show the footer with the OK button that closes the pop-up window.

<DxPopup HeaderText="Header"
        @bind-Visible="@PopupVisible">
    <Content>
        <p>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.</p>
    </Content>
    <FooterTemplate>
        <div class="modal-footer">
            <button class="btn btn-primary" @onclick="@(() => PopupVisible = false)">OK</button>
        </div>   
    </FooterTemplate>
</DxPopup>

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

Run Demo: Popup - Display Footer