BootstrapPopupControl Class

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

Assembly: DevExpress.Web.Bootstrap.v19.2.dll

Declaration

C#
VB.NET

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

<ToolboxTabName("DX.19.2: Bootstrap Controls")>
<DXClientDocumentationProviderWeb("BootstrapPopupControl")>
Public Class BootstrapPopupControl
    Inherits ASPxPopupControl
    Implements ISimpleRenderControl,
               IBootstrapPopupCssClassesOwner

Remarks

Note

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

The control’s client-side equivalent is represented by the BootstrapClientPopupControl object.
On the client side, the client object can be accessed directly by the name specified via the ASPxPopupControlBase.ClientInstanceName property.
The available client events can be accessed by using the ASPxPopupControl.ClientSideEvents property.

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

ASPX

<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>