Skip to main content
A newer version of this page is available. .
Tab

ASPxPopupControlBase.Top Property

Gets or sets the y-coordinate of a control’s top side.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v22.1.dll

NuGet Package: DevExpress.Web

Declaration

[DefaultValue(0)]
public virtual int Top { get; set; }

Property Value

Type Default Description
Int32 0

An integer value specifying the y-coordinate of the control’s top side.

Remarks

The Top property allows you to specify the value of the y-coordinate of the control’s top side. To completely define the control’s position, you must specify a value for this property and for the ASPxPopupControlBase.Left property.

Example

This example illustrates how to customize an ASPxPopupControl's setting container using particular properties.

View Example

<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>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e) {

    }
}
See Also