title: Vertical menu opens upward?
body: <p>Real quick, seems like kind of a dumb question but I can't find the answer anywhere.</p>
  
  <p>I need a vertical menu that pops up out of the footer and goes up the screen.</p>
  
  <p>I've been looking at the Ajax Collapsible Panel Extender but can't get it to go up instead of down.</p>
  
  <p>I'm limited to the software already loaded in the virtual profile I have here at work (no admin, can't get cool new things) so if it's something available in CSS, VB.NET, ASP or AJAX that would be spiffy, otherwise I'll need to find something else to do.</p>
  
  <p>What I'm looking for is a control I can use to have a menu appear upwards instead of downwards. Thanks.</p>
  
  <p><strong>HTML</strong> For side menu: (Like this, but in the footer and opening towards the header)</p>
  
  <pre><code>&lt;asp:ImageButton class="Header-Cart" ID="imgCart" runat="server" 
          ImageUrl="~/images/Mobile/mobile-header-cart.png" onclick="imgCart_Click" /&gt;
          &lt;/div&gt;
  
          &lt;asp:Panel ID="pnlNavMenu"  class="Mobile-Menu" runat="server" Visible="false"&gt;
              &lt;div class="Search-Block"&gt;&lt;div class="search-textbox"&gt;&lt;div&gt;
                         &lt;asp:ImageButton ID="btnSearch" class="Search-Icon"
                              BackColor="White"  runat="server" OnClick="btnSearch_Click" 
                              ImageUrl="~/images/Mobile/mobile-search-icon.png" /&gt;
                         &lt;asp:TextBox ID="txtSearch" runat="server" CssClass="Search" onblur="if(this.value == '') { this.value='Enter keyword or product code'; isSet=true; }"
                              onmouseover="if(this.value == 'Enter keyword or product code') { this.value='';isSet = true; }"
                              onmouseout="if(this.value == '' &amp;&amp; !isSet) { this.value='Enter keyword or product code'; isSet=&gt;false; }"
                              MaxLength="255" Text="Enter keyword or product code" ontextchanged="btnSearch_Click"/&gt;
                         &lt;asp:ImageButton ID="btnClear" class="Search-Cancel" BackColor="White" runat="server" OnClick="btnClear_Click" ImageUrl="~/images/Mobile/mobile-search-cancel.png" /&gt;
                          &lt;/div&gt;
               &lt;/div&gt; 
               &lt;/div&gt;
                &lt;div class="Nav-Item"&gt;
                  &lt;asp:Panel ID="pnlShop" runat="server"&gt;
                      &lt;div class="Menu-Panel-Header"&gt;&lt;asp:Label ID="lblShopBtn" runat="server" Text="Shop" /&gt;&lt;/div&gt;
                      &lt;div class="Menu-Panel-Item"&gt;&lt;asp:HyperLink ID="hlComputers" runat="server" Text="Computers" NavigateUrl="/Computers/Index.aspx" /&gt;&lt;/div&gt;
                      &lt;div class="Menu-Panel-Item"&gt;&lt;asp:HyperLink ID="hlElectronics" runat="server" Text="Electronics" NavigateUrl="/Electronics/Index.aspx" /&gt;&lt;/div&gt;
                      &lt;div class="Menu-Panel-Item"&gt;&lt;asp:HyperLink ID="hlExLease" runat="server" Text="Ex-Lease" NavigateUrl="/Computers/Ex-Lease/index.aspx" /&gt;&lt;/div&gt;
                      &lt;div class="Menu-Panel-Item"&gt;&lt;asp:HyperLink ID="hlClearance" runat="server" Text="Clearance" NavigateUrl="/search.aspx?S=Clearance+Item&amp;picture=0" /&gt;&lt;/div&gt;
                      &lt;div class="Menu-Panel-Item"&gt;&lt;asp:HyperLink ID="hlRepairs" runat="server" Text="Repairs" NavigateUrl="/Christchurch-Computer-Repairs-and-Service.aspx" /&gt;&lt;/div&gt;
                  &lt;/asp:Panel&gt;
                  &lt;asp:CollapsiblePanelExtender ID="cpe1" runat="Server" TargetControlID="pnlShop" CollapsedSize="32" ExpandedSize="192" Collapsed="True" ExpandControlID="lblShopBtn" CollapseControlID="lblShopBtn" AutoCollapse="false" AutoExpand="False" ScrollContents="True" ExpandDirection="Vertical" /&gt;
                   &lt;/div&gt;
               &lt;div class="Nav-Item"&gt;
                  &lt;asp:Panel ID="pnlAccount" runat="server" &gt;
                  &lt;div class="Menu-Panel-Header"&gt;&lt;asp:Label ID="lblAccBtn" runat="server" Text="Account" /&gt;&lt;/div&gt;
                  &lt;div class="Menu-Panel-Item"&gt;&lt;asp:HyperLink ID="hlLogInOut" runat="server" Text="Login" /&gt;&lt;/div&gt;
                  &lt;div class="Menu-Panel-Item"&gt;&lt;asp:HyperLink ID="hlRegDetails" runat="server" Text="Register" /&gt;&lt;/div&gt;
                  &lt;/asp:Panel&gt;
                  &lt;asp:CollapsiblePanelExtender ID="cpe2" runat="Server" TargetControlID="pnlAccount" CollapsedSize="32" ExpandedSize="96" Collapsed="True" ExpandControlID="lblAccBtn" CollapseControlID="lblAccBtn" AutoCollapse="false" AutoExpand="False" ScrollContents="True" ExpandDirection="Vertical" /&gt;
                  &lt;/div&gt;
               &lt;div class="Nav-Item"&gt;
                  &lt;asp:Panel ID="pnlContact" runat="server" &gt;
                  &lt;div class="Menu-Panel-Header"&gt;&lt;asp:Label ID="lblContBtn" runat="server" Text="Contact Us" /&gt;&lt;/div&gt;
                  &lt;div class="Menu-Panel-Item"&gt;&lt;asp:Hyperlink ID="lblPhone" runat="server" Text="0800 165 800" NavigateUrl="Tel:0800165800" /&gt;&lt;/div&gt;
                  &lt;div class="Menu-Panel-Item"&gt;&lt;asp:HyperLink ID="hlRiccarton" runat="server" Text="Tower Junction" NavigateUrl="https://www.google.co.nz/maps/place/GlobalPC/@-43.538377,172.605323,17z/data=!3m1!4b1!4m2!3m1!1s0x0:0xb97744d7c8d04fa0?hl=en" /&gt;&lt;/div&gt;
                  &lt;div class="Menu-Panel-Item"&gt;&lt;asp:HyperLink ID="hlShirley" runat="server" Text="Homebase" NavigateUrl="https://www.google.co.nz/maps/place/GlobalPC/@-43.49374,172.660448,17z/data=!3m1!4b1!4m2!3m1!1s0x0:0x812c53f1576bdfd?hl=en" /&gt;&lt;/div&gt;
                   &lt;div class="Menu-Panel-Item"&gt;&lt;asp:HyperLink ID="hlFeedback" runat="server" Text="Feedback Form" NavigateUrl="feedback.aspx" /&gt;&lt;/div&gt;
                  &lt;/asp:Panel&gt;
                  &lt;asp:CollapsiblePanelExtender ID="cpe3" runat="Server" TargetControlID="pnlContact" CollapsedSize="32" ExpandedSize="192" Collapsed="True" ExpandControlID="lblContBtn" CollapseControlID="lblContBtn" AutoCollapse="false" AutoExpand="False" ScrollContents="True" ExpandDirection="Vertical" /&gt;
                  &lt;/div&gt;
           &lt;/asp:Panel&gt;
  
           &lt;asp:Panel ID="pnlContent" runat="server" class="Mobile-Body"&gt;
                  &lt;asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"&gt;
                  &lt;/asp:ContentPlaceHolder&gt;   
           &lt;/asp:Panel&gt;      
  </code></pre>