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,
IBootstrapPopupCssClassesOwnerRemarks
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
BootstrapPopupControlclass. - Populate the
BootstrapLayoutItem.ContentCollectionarray with required content controls.
The image below shows the result:
<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>
Inheritance
See Also