Menu.DynamicHorizontalOffset Property
Definition
Important
Some information relates to prerelease product that may be substantially modified before it’s released. Microsoft makes no warranties, express or implied, with respect to the information provided here.
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
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.