ASPxPopupControlBase.ContentUrl Property
Gets or sets the navigation location of a specific web page to be displayed within the control’s window.
Namespace: DevExpress.Web
Assembly: DevExpress.Web.v18.2.dll
Declaration
Property Value
Type | Default | Description |
---|---|---|
String | String.Empty | A string value that specifies the desired page’s navigation location. |
Remarks
Use the ContentUrl property to specify the URL of a web page which should be loaded and displayed in the control’s window. A relative or an absolute URL can be used.
Note
The ASPxPopupControl uses the IFrame tag to show its content. When the ContentUrl property is used, the page within this IFrame doesn’t have dimensions (e.g. the browser window can be resized to all sizes, and you can’t determine the “original” page size). So, the popup control’s height should be specified manually via the ASPxWebControl.Height property or by using the client side ASPxClientPopupControl.SetSize method.
Note
When using ASPxDockPanel with the ContentUrl property specified, the dock panel loads its content page within an iframe element. After docking/floating ASPxDockPanel from ASPxDockZone, the dock panel’s iframe is removed from the DOM tree and reloaded. As a result, the script execution is stopped inside the iframe and the DOM API of the iframe window is no longer available. This behavior is a known issue of the IE 9 browser described in the APIs Are Not Available if iFrame Is Removed from DOM Tree MSDN article.
Example
The example illustrates how to return values from the ASPxPopupControl’s ASPxPopupControlBase.ContentUrl
page. The ContentUrl page calls the “HidePopupAndShowInfo” function, which is defined on the parent page. The function is called on the client and server sides.
See Also
- How to manipulate client-side objects within a ASPxPopupControl with the specified ContentUrl
- How to return values from the ASPxPopupControl’s ContentCollection and close the popup on both client and server sides
- PopupControl - How to pass parameter to Parent Window (from ContentUrl page) and close PopupControl
- ASPxSplitter - How to return a value from a page specified via SplitterPane.ContentUrl
Note
A complete sample project is available at https://github.com/DevExpress-Examples/how-to-return-values-from-the-aspxpopupcontrols-contenturl-page-and-close-the-popup-on-both-e3098
- Default.aspx (C#)
- PopupContent.aspx.cs
- PopupContent.aspx (C#)
- Default.aspx.cs
- Default.aspx (VB.NET)
- Default.aspx.vb
- PopupContent.aspx.vb
- PopupContent.aspx (VB.NET)
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="DevExpress.Web.v13.1, Version=13.1.5.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
Namespace="DevExpress.Web.ASPxEditors" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v13.1, Version=13.1.5.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
Namespace="DevExpress.Web.ASPxPopupControl" TagPrefix="dx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script type="text/javascript">
function OnBtnShowPopupClick() {
popup.Show();
}
function HidePopupAndShowInfo(closedBy, returnValue) {
popup.Hide();
alert('Closed By: ' + closedBy + '\nReturn Value: ' + returnValue);
}
</script>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="btnShowPopup" type="button" onclick="OnBtnShowPopupClick();" value="Show Popup" />
<dx:ASPxPopupControl ID="popup" runat="server" ClientInstanceName="popup" ContentUrl="~/PopupContent.aspx"
Width="300px" Height="200px">
</dx:ASPxPopupControl>
</div>
</form>
</body>
</html>