ASPxPopupControl.HeaderStyle Property
Gets style settings for a popup window’s header.
Namespace: DevExpress.Web
Assembly: DevExpress.Web.v18.2.dll
Declaration
Property Value
| Type | Description |
|---|---|
| PopupWindowStyle | A PopupWindowStyle object that contains style settings for a window’s header. |
Remarks
The HeaderStyle property provides access to style settings which define the style for a popup window’s header.
Note
If the ASPxPopupControl.Windows collection is empty, the HeaderStyle property is applied to the default popup window. Otherwise, the HeaderStyle property specifies a common header style for all popup windows from the ASPxPopupControl.Windows collection. In this case, the HeaderStyle property’s value can be overridden by using the PopupWindow.HeaderStyle property of individual windows.
Example
This example illustrates how to customize an ASPxPopupControl's header container using particular properties.
Note
A complete sample project is available at https://github.com/DevExpress-Examples/aspxpopupcontrol-how-to-customize-a-header-e3611
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="DevExpress.Web.ASPxEditors.v11.1, Version=11.1.8.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
Namespace="DevExpress.Web.ASPxEditors" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v11.1, Version=11.1.8.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></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<dx:ASPxButton ID="ASPxButton1" runat="server" Text="Show PopUp" AutoPostBack="false">
<ClientSideEvents Click="function (s,e) {popup.Show();}" />
</dx:ASPxButton>
</div>
<dx:ASPxPopupControl ID="ASPxPopupControl1" runat="server" ClientInstanceName="popup"
ShowHeader="true" HeaderText="Directed by: Ridley Scott"
HeaderNavigateUrl="http://devexpress.com/">
<HeaderImage Url="Images/new.png" AlternateText="No image">
</HeaderImage>
<HeaderStyle ForeColor="#666677" Font-Size="12px" />
<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>
</form>
</body>
</html>