Menu.DynamicVerticalOffset Property

Definition

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

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

Property Value

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

Examples

The following code example demonstrates how to use the DynamicVerticalOffset property to shift a dynamic menu down by 10 pixels from the top of 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 DynamicVerticalOffset property to adjust the vertical 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 without any spacing in between. Setting this property controls the vertical spacing between the dynamic menu and its parent menu item.
Vertical By default, a dynamic menu item is displayed next to its parent menu item with the top edges aligned. Setting this property shifts the dynamic menu position vertically from this base position.

Note

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

Applies to

See also