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 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 Few children Child 1 Child 2 One child Child 1 A lot of children Child 1 Child 2 Child 3 Child 4 Child 5 Child 6 Child 7 Child 8 Child 9 Child 10 Just another parent Child 1 Child 2 Child 3 Child 4 Child 5 In this example, every children box is never less than the specified minimum height.

Height = 70 Few children Child 1 Child 2 One child Child 1 A lot of children Child 1 Child 2 Child 3 Child 4 Child 5 Child 6 Child 7 Child 8 Child 9 Child 10 Just another parent Child 1 Child 2 Child 3 Child 4 Child 5 In this example, children box height is always the same.

Height = -1 (dynamic) Few children Child 1 Child 2 One child Child 1 A lot of children Child 1 Child 2 Child 3 Child 4 Child 5 Child 6 Child 7 Child 8 Child 9 Child 10 Just another parent Child 1 Child 2 Child 3 Child 4 Child 5 In this example, height is -1 for dynamic height.

<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>

<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>