Skip to main content

ASPxPopupControl.HeaderImage Property

Gets the settings of a popup window’s header image.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v24.1.dll

NuGet Package: DevExpress.Web


public ImageProperties HeaderImage { get; }

Property Value

Type Description

An ImageProperties object that contains image settings.


The HeaderImage property provides access to settings that define a header image to be displayed within a popup window’s header. The specified image can be used as a link if a window’s ASPxPopupControlBase.HeaderNavigateUrl or PopupWindow.HeaderNavigateUrl is properly specified.


If the ASPxPopupControl.Windows collection is empty, the HeaderImage property is applied to the default popup window. Otherwise, the HeaderImage property specifies a common header image for all popup windows from the ASPxPopupControl.Windows collection. In this case, the HeaderImage property’s value can be overridden by using the PopupWindow.HeaderImage 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