ASPxPopupControl.ContentStyle Property
Gets style settings for a popup window’s content region.
Namespace: DevExpress.Web
Assembly: DevExpress.Web.v19.1.dll
Declaration
Property Value
| Type | Description |
|---|---|
| PopupWindowContentStyle | A PopupWindowContentStyle object that contains style settings for a window’s content region. |
Remarks
The ContentStyle property provides access to style settings which define the style for the content region of a popup window. A popup window’s content region is considered the area where window contents are displayed. It doesn’t include the window’s header and footer. The header and footer styles of a window can be defined via the window’s PopupWindow.HeaderStyle and PopupWindow.FooterStyle properties respectively.
Note
If the ASPxPopupControl.Windows collection is empty, the ContentStyle property is applied to the default popup window. Otherwise, the ContentStyle property specifies a common content style for all popup windows from the ASPxPopupControl.Windows collection. In this case, the ContentStyle property’s value can be overridden by using the PopupWindow.ContentStyle property of individual windows.
Example
This example illustrates how to customize an ASPxPopupControl's setting container using particular properties.
Note
A complete sample project is available at https://github.com/DevExpress-Examples/aspxpopupcontrol-how-to-customize-the-control-e3613
<%@ 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">
<title>ASPxPopupControl - How to customize the control</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<dx:ASPxButton ID="btn" runat="server" Text="Show PopUp" AutoPostBack="false">
<ClientSideEvents Click="function (s,e) {popup.Show();}" />
</dx:ASPxButton>
</div>
<div>
<dx:ASPxPopupControl ID="ASPxPopupControl1" runat="server" ClientInstanceName="popup" PopupElementID="btn"
DragElement="Window" HeaderText="Directed by: Ridley Scott" MaxHeight="600px"
MaxWidth="600px" MinHeight="100px" MinWidth="210px" CloseAction="MouseOut" PopupAction="MouseOver"
AppearAfter="4000" DisappearAfter="4000" Top="20" Left="80" AllowResize="true" AllowDragging="true"
ResizingMode="Postponed" SaveStateToCookies="true">
<CloseButtonImage Url="Images/close.png" AlternateText="No image" />
<ContentStyle ForeColor="#666677" Font-Names="Tahoma" Font-Size="10px" />
<ContentCollection>
<dx:PopupControlContentControl runat="server">
<div>
When a Roman general is betrayed and his family murdered by a corrupt prince, he
comes to Rome as a gladiator to seek revenge.</div>
</dx:PopupControlContentControl>
</ContentCollection>
</dx:ASPxPopupControl>
</div>
</form>
</body>
</html>