ASPxMenu.Orientation Property

Gets or sets the direction in which to render the menu.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v24.1.dll

NuGet Package: DevExpress.Web

Declaration

C#

[DefaultValue(Orientation.Horizontal)]
public Orientation Orientation { get; set; }

VB.NET

<DefaultValue(Orientation.Horizontal)>
Public Property Orientation As Orientation

Property Value

Type	Default	Description
Orientation	Horizontal	One of the Orientation enumeration values.

Remarks

Use the Orientation property to specify the direction in which to render the menu control.

On the client side, you can control the menu orientation using the ASPxClientMenu.GetOrientation and ASPxClientMenu.SetOrientation methods.

Example

This sample illustrates how to keep the NavigateUrl of the item if there is a control in the ItemTemplate of the ASPxMenu.

Default.aspx (C#)

<dx:ASPxMenu ID="ASPxMenu1" runat="server" DataSourceID="ASPxSiteMapDataSource1"
    Orientation="Vertical" OnDataBound="ASPxMenu1_DataBound">
    <ItemTemplate>
        <dx:ASPxLabel ID="ASPxLabel1" runat="server" Text='<%#Container.Item.Text %>' 
                      Width="100px" Height="20px" Cursor="pointer">
        </dx:ASPxLabel>
    </ItemTemplate>
</dx:ASPxMenu>

</html>

Default.aspx.cs

protected void ASPxMenu1_DataBound(object sender, EventArgs e) {
    string url = "";
    for (int i = 0; i < ASPxMenu1.Items.Count; i++) {

        url = ASPxMenu1.Items[i].NavigateUrl;
        ASPxLabel lab = ASPxMenu1.Items[i].FindControl("ASPxLabel1") as ASPxLabel;
        if (lab != null) {
            lab.ClientSideEvents.Click = "function(s,e){window.location = '" + url + "';}";

            switch (lab.Text) {
                case "Yahoo!": {
                        lab.BackColor = System.Drawing.Color.LightPink;
                        break;
                }
                case "MSN": {
                        lab.BackColor = System.Drawing.Color.LightSkyBlue;
                        break;
                }
                case "Google": {
                        lab.BackColor = System.Drawing.Color.LightSeaGreen;
                        break;
                }
            }
        }
    }
}

Default.aspx.vb

Protected Sub ASPxMenu1_DataBound(ByVal sender As Object, ByVal e As EventArgs)
    Dim url As String = ""
    For i As Integer = 0 To ASPxMenu1.Items.Count - 1

        url = ASPxMenu1.Items(i).NavigateUrl
        Dim lab As ASPxLabel = TryCast(ASPxMenu1.Items(i).FindControl("ASPxLabel1"), ASPxLabel)
        If lab IsNot Nothing Then
            lab.ClientSideEvents.Click = "function(s,e){window.location = '" & url & "';}"

            Select Case lab.Text
                Case "Yahoo!"
                        lab.BackColor = System.Drawing.Color.LightPink
                        Exit Select
                Case "MSN"
                        lab.BackColor = System.Drawing.Color.LightSkyBlue
                        Exit Select
                Case "Google"
                        lab.BackColor = System.Drawing.Color.LightSeaGreen
                        Exit Select
            End Select
        End If
    Next i
End Sub