Skip to main content

ASPxPopupControl.HeaderStyle Property

Gets style settings for a popup window’s header.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v23.2.dll

NuGet Package: DevExpress.Web


public PopupWindowStyle HeaderStyle { get; }

Property Value

Type Description

A PopupWindowStyle object that contains style settings for a window’s header.


The HeaderStyle property provides access to style settings which define the style for a popup window’s header.


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.


This example illustrates how to customize an ASPxPopupControl’s header container using particular properties.

Popup control with custom header

<dx:ASPxButton ID="ASPxButton1" runat="server" Text="Show PopUp" AutoPostBack="false">
    <ClientSideEvents Click="function (s,e) {popup.Show();}" />

<dx:ASPxPopupControl ID="ASPxPopupControl1" runat="server" ClientInstanceName="popup"
    ShowHeader="true" HeaderText="Directed by: Ridley Scott"
    <HeaderImage Url="Images/new.png" AlternateText="No image">
    <HeaderStyle ForeColor="#666677" Font-Size="12px" />
    <ContentStyle ForeColor="#666677" Font-Names="Tahoma" Font-Size="10px" />
        <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>
See Also