ASPxClientPopupControlBase.GetContentIFrame Method

Returns an iframe object containing a web page specified via the control’s ASPxPopupControlBase.ContentUrl property (or the client ASPxClientPopupControlBase.SetContentUrl method).

Declaration

GetContentIFrame(): any

Returns

Type	Description
any	The iframe object that contains a web page displayed within the control.

Remarks

Online Example

View Example: How to resize the pop-up window based on to the content page size

Example

The following example demonstrates how use the popup control’s client-side functionality to display the loading panel in a pop-up window when content is loading slowly:

View Example: How to show the loading panel when loading content

The main idea is to call the popup control’s client-side GetContentIFrame method to get the control’s IFrame. Then use the loading panel’s ShowInElement(htmlElement) method to display the panel within the IFrame. When content is loaded, hide the loading panel.

ASPX

<dx:ASPxLoadingPanel ID="lp" runat="server" ClientInstanceName="lp" />
<dx:ASPxPopupControl ID="popup" runat="server" ... >
    <ClientSideEvents Init="OnPopupInit" Shown="OnPopupShown" />
</dx:ASPxPopupControl>

JS

var showPopup = true;
var iframe;
function OnPopupInit (s, e) {
    iframe = popup.GetContentIFrame();
    ASPxClientUtils.AttachEventToElement(iframe, 'load', OnContentLoaded);
}

function OnPopupShown (s, e) {
    if(showPopup)
        lp.ShowInElement(iframe);
}
function OnContentLoaded (e) {
    showPopup = false;
    lp.Hide();
}