Tutorial - Size

.SMMenu {
    width: 180px;
    background-color: #eeeeee;
    border: 1px solid gray;
}

1. MinimumChildrenHeight - Minimum height for each children box.
2. Height - Height for each children box.

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>