Skip to main content

BootstrapPopupControl Class

A web control that enables you to add the popup window functionality to your web application.

Namespace: DevExpress.Web.Bootstrap

Assembly: DevExpress.Web.Bootstrap.v24.1.dll

NuGet Package: DevExpress.Web.Bootstrap

Declaration

[DXClientDocumentationProviderWeb("BootstrapPopupControl")]
[ToolboxTabName("DX.24.1: Bootstrap Controls")]
public class BootstrapPopupControl :
    ASPxPopupControl,
    ISimpleRenderControl,
    IBootstrapPopupCssClassesOwner

Remarks

Note

The BootstrapPopupControl control provides you with comprehensive client-side functionality implemented using JavaScript code:

The control’s client-side API is enabled if the ASPxPopupControlBase.EnableClientSideAPI property is set to true, or the ASPxPopupControlBase.ClientInstanceName property is defined, or any client event is handled.

Example

This example demonstrates the basic functionality of the Popup Control.

  • Initialize a new instance of the BootstrapPopupControl class.
  • Populate the BootstrapLayoutItem.ContentCollection array with required content controls.

The image below shows the result:

BootstrapPopup

<div id="default-popup-control-1" class="popup-target popup-target-sm"></div>
<dx:BootstrapPopupControl runat="server" ShowOnPageLoad="true" PopupElementCssSelector="#default-popup-control-1"
    PopupHorizontalAlign="Center" PopupVerticalAlign="Middle" Width="500px" CloseAction="CloseButton">
    <ContentCollection>
        <dx:ContentControl>
            ...
        </dx:ContentControl>
    </ContentCollection>
</dx:BootstrapPopupControl>
See Also