Edit

Menu.DynamicHorizontalOffset Property

  • Reference

Definition

Namespace:
System.Web.UI.WebControls
Assembly:
System.Web.dll

Gets or sets the number of pixels to shift a dynamic menu horizontally relative to its parent menu item.

public:
 property int DynamicHorizontalOffset { int get(); void set(int value); };
public int DynamicHorizontalOffset { get; set; }
member this.DynamicHorizontalOffset : int with get, set
Public Property DynamicHorizontalOffset As Integer

Property Value

Int32

The number of pixels to shift a dynamic menu horizontally relative to its parent menu item. The default is 0.

Examples

The following code example demonstrates how to use the DynamicHorizontalOffset property to specify a 5-pixel gap between a dynamic menu and its parent menu item.


<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
  <head runat="server">
    <title>Menu DynamicHorizontalOffset and DynamicVerticalOffset Example</title>
</head>
<body>
    <form id="form1" runat="server">
    
      <h3>Menu DynamicHorizontalOffset and DynamicVerticalOffset Example</h3>
    
      <asp:menu id="NavigationMenu"
        dynamichorizontaloffset="5"
        dynamicverticaloffset="10" 
        staticdisplaylevels="1"
        orientation="Vertical"   
        runat="server">
        
        <dynamicmenuitemstyle BackColor="Silver"/>
        <staticmenuitemstyle BackColor="Gray"/>
      
        <items>
          <asp:menuitem navigateurl="Home.aspx" 
            text="Home"
            tooltip="Home">
            <asp:menuitem navigateurl="Music.aspx"
              text="Music"
              tooltip="Music">
              <asp:menuitem navigateurl="Classical.aspx" 
                text="Classical"
                tooltip="Classical"/>
              <asp:menuitem navigateurl="Rock.aspx"
                text="Rock"
                tooltip="Rock"/>
              <asp:menuitem navigateurl="Jazz.aspx"
                text="Jazz"
                tooltip="Jazz"/>
            </asp:menuitem>
            <asp:menuitem navigateurl="Movies.aspx"
              text="Movies"
              tooltip="Movies">
              <asp:menuitem navigateurl="Action.aspx"
                text="Action"
                tooltip="Action"/>
              <asp:menuitem navigateurl="Drama.aspx"
                text="Drama"
                tooltip="Drama"/>
              <asp:menuitem navigateurl="Musical.aspx"
                text="Musical"
                tooltip="Musical"/>
            </asp:menuitem>
          </asp:menuitem>
        </items>
      
      </asp:menu>

    </form>
  </body>
</html>


<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
  <head runat="server">
    <title>Menu DynamicHorizontalOffset and DynamicVerticalOffset Example</title>
</head>
<body>
    <form id="form1" runat="server">
    
      <h3>Menu DynamicHorizontalOffset and DynamicVerticalOffset Example</h3>
    
      <asp:menu id="NavigationMenu"
        dynamichorizontaloffset="5"
        dynamicverticaloffset="10" 
        staticdisplaylevels="1"
        orientation="Vertical"   
        runat="server">
        
        <dynamicmenuitemstyle BackColor="Silver"/>
        <staticmenuitemstyle BackColor="Gray"/>
      
        <items>
          <asp:menuitem navigateurl="Home.aspx" 
            text="Home"
            tooltip="Home">
            <asp:menuitem navigateurl="Music.aspx"
              text="Music"
              tooltip="Music">
              <asp:menuitem navigateurl="Classical.aspx" 
                text="Classical"
                tooltip="Classical"/>
              <asp:menuitem navigateurl="Rock.aspx"
                text="Rock"
                tooltip="Rock"/>
              <asp:menuitem navigateurl="Jazz.aspx"
                text="Jazz"
                tooltip="Jazz"/>
            </asp:menuitem>
            <asp:menuitem navigateurl="Movies.aspx"
              text="Movies"
              tooltip="Movies">
              <asp:menuitem navigateurl="Action.aspx"
                text="Action"
                tooltip="Action"/>
              <asp:menuitem navigateurl="Drama.aspx"
                text="Drama"
                tooltip="Drama"/>
              <asp:menuitem navigateurl="Musical.aspx"
                text="Musical"
                tooltip="Musical"/>
            </asp:menuitem>
          </asp:menuitem>
        </items>
      
      </asp:menu>

    </form>
  </body>
</html>

Remarks

Use the DynamicHorizontalOffset property to adjust the horizontal position of a dynamic menu relative to its parent menu item. This property affects the position of a dynamic menu differently depending on whether the Menu control is displayed vertically or horizontally (as specified by the Orientation property). The following table describes the differences.

Orientation Description
Horizontal By default, a dynamic menu is displayed directly below its parent menu item. Setting this property shifts the dynamic menu position horizontally from this base position.
Vertical By default, a dynamic menu item is displayed next to its parent menu item without any spacing in between. Setting this property controls the horizontal spacing between the dynamic menu and its parent menu item.

Note

You can set this property to a negative value to shift a dynamic menu in a negative direction. If you are displaying a vertical menu, a negative value causes a dynamic menu and its parent menu item to overlap.

Applies to

See also