Make a (collapsible, autosized and always-visible) panel display scrollbar if bigger than the page?

Question

I'm working with an asp.net master-page; the relevant code is as follows:

<body>      
  <form id="form1" runat="server">
    <asp:Panel ID="pnlHeader_TopLeft" runat="server"
     onmouseleave="$find('MenuCollapser').collapsePanel();">
      <asp:Panel ID="pnlAppTitle"  runat="server"
       onmouseenter="$find('MenuCollapser').expandPanel();">
         [my title bar]
      </asp:Panel>
      <asp:Panel ID="pnlMenuMain" Style="float: left; clear: both; 
       runat="server">
         [my menu items]
      </asp:Panel>
    </asp:Panel>
    <ajax:CollapsiblePanelExtender BehaviorID="MenuCollapser"
     TargetControlID="pnlMenuMain" ExpandDirection="Vertical"
     SuppressPostBack="true" Collapsed="true" runat="server" />
    <ajax:AlwaysVisibleControlExtender TargetControlID="pnlHeader_TopLeft"
     HorizontalSide="left" VerticalSide="Top" runat="server" />
  </form>
</body>

This works perfectly....unless the contents of pnlMenuMain are so numerous that the panel's height expands beyond the page, obscurring its bottom portion. Is there some way that I can cap its maximum height so that it stops expanding before reaching the screen's max height, and uses a scrollbar instead?

score 0 · Accepted Answer · answered May 26 '11 at 21:29

I'd respond in a comment, but my rep is too low at the time being. You should be able to set the height property of the panel and then change the properties of your panel to include

    ScrollBars="Vertical"

The static height property will keep it from automatically expanding the page and the scrollbars attribute should allow you to see all options when the menu options are great in number and go off the page.

Make a (collapsible, autosized and always-visible) panel display scrollbar if bigger than the page?

1 Answers1