Gutter

A gutter is the spacing within a menu item. A root menu gutter is the gutter displayed at the top level. The root menu gutter is displayed if the menu is vertically oriented (the ASPxMenu.Orientation property is set to Vertical).

ASPxMenu-VisualElements-Gutter

Note that the gutter width does not affect the position of an item image or text. Use the TextIndent property to control the text indent of an item that has no image. To control the amount of space between an image and the text content within a menu item, use the ImageSpacing property.

The table below lists the main members that affect element appearance and functionality.

Characteristics Root Menu Members Sub Menu Members
Gutter Background Image ASPxMenuBase.GutterBackgroundImage MenuStyle.GutterBackgroundImage
Gutter Width ASPxMenuBase.GutterWidth MenuStyle.GutterWidth
Gutter CSS Class ASPxMenuBase.GutterCssClass MenuStyle.GutterCssClass
Image Spacing AppearanceStyle.ImageSpacing (via ASPxMenuBase.ItemStyle.ImageSpacing) via ASPxMenuBase.SubMenuItemStyle.ImageSpacing)
Text Indent ASPxMenuBase.TextIndent MenuStyle.TextIndent