ASP.NET Slide Menu Tutorial - Size

Width of the menu is controlled by CSS.

Width of the menu can be set using CSSMenu. (See styles tutorial for how to use styles)

For example, following is the SMMenu class in the CSS file:
.SMMenu {
    width: 180px;
    background-color: #eeeeee;
    border: 1px solid gray;
}

Note:  Not specifying width will make the menu take all available width.

Height

Height is calculated automatically, but...

You can control the height using two properties (both are optional):
  1. MinimumChildrenHeight - Minimum height for each children box.
  2. Height - Height for each children box.
When Height is specified, MinimumChildrenHeight is ignored.

MinimumChildrenHeight = 70
In this example, every children box is never less than the specified minimum height.
Height = 70
In this example, children box height is always the same.
Height = -1 (dynamic)
In this example, height is -1 for dynamic height.

MinimumChildrenHeight - ASP.NET
<osm:SlideMenu runat="server" id="tutMinHeight" Height = -1 MinimumChildrenHeight = 70 > <menuitems> <osm:Parent id="p1">Parent 1</osm:Parent> <osm:Child id="c11">Child 1</osm:Child> <osm:Child id="c12">Child 2</osm:Child> <osm:Parent id="p2">Parent 2</osm:Parent> <osm:Child id="c21">Child 1</osm:Child> <osm:Child id="c22">Child 2</osm:Child> </menuitems> </osm:SlideMenu>

Height - ASP.NET
<osm:SlideMenu runat="server" id="tutHeight" Height = 70 > <menuitems> <osm:Parent id="p1">Parent 1</osm:Parent> <osm:Child id="c11">Child 1</osm:Child> <osm:Child id="c12">Child 2</osm:Child> <osm:Parent id="p2">Parent 2</osm:Parent> <osm:Child id="c21">Child 1</osm:Child> <osm:Child id="c22">Child 2</osm:Child> </menuitems> </osm:SlideMenu>