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.2.dll

NuGet Package: DevExpress.Web.Bootstrap

#Declaration

[DXClientDocumentationProviderWeb("BootstrapPopupControl")]
[ToolboxTabName("DX.24.2: 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