Skip to main content
Tab

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

Declaration

public PopupWindowStyle HeaderStyle { get; }

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.

Popup control with custom header

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

<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>
See Also