.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Gaurav Pal
Post New Web Links

CollapsiblePanel From Bottom

Posted By:      Posted Date: October 24, 2010    Points: 0   Category :ASP.Net

I am trying to create a collapsible panel for a menu that I want to show and hide.  The thing is, I want the panel to be at the bottom of the window instead of the top.  Unfortunately when I do this, when it expands, it expands down and therefore I have to scroll down to see the menu when it expands.  I want the panel to expand up so that I can use CSS to make it lay overtop of the page content.  I have the css working to make it lay over top of everything, but I just need the panel to expand UP not down.

Can I do this? If not, is there a control that will give me this effect? 

View Complete Post

More Related Resource Links

Building a grouping Grid with GridView and ASP.NET AJAX toolkit CollapsiblePanel

I've posted an update to this post to apply on demand loading of Details data using ASP.NET AJAX PageMethods. I'm demonstrating the usage if CollapsiblePanelExtender client events on the new post. Check it out.

I admit, Matt Berseth is really inspiring me! Few days ago I pass through 2 of his great posts:

.Surrounding your Data Table and Dialog Controls with ComponentArt Styled Panels
.Building a Grouping Grid with the ASP.NET 3.5 LinqDataSource and ListView Controls
The first one is pure design tips one which I used for making good presentation of my demo here. The 2nd post is actually the idea.

Allign a Panel to Bottom of a DIV


Hi All

Is it possible set the alignment of a Panel to the Bottom of a DIV?

Any examples would be appreciated




How to make browser scroll to the bottom of page


Hi All,

  How to use asp.net C# to scroll to the bottom on page on post back or programmatically decision? 

Great you've had a .NET Framework Setup Issue and now want some help getting to the bottom of it

This should be the first stop in determining what is happening to your machine. When posting please follow the steps at the following blog post: http://blogs.msdn.com/aaronru/archive/2007/12/10/what-to-do-when-you-go-to-post-a-setup-and-deployment-issue-on-the-msdn-forums.aspx

An image on the bottom of a panel

Hi, In my .net web page, I have an image which I want to put it in a particular panel's bottom, regardless that panel's size shrinking or growing.How do I do that?Thanks for help. Jason  

collapsiblepanel problem with javascript

Hiiii Coders, I have 4 collapsible panels on my page. Now i am using below javascript code for expanding and collapsing all the panels at the same time.  <script type="text/javascript"> function TogglePanels() { var panels = ["cpe1", "cpe2", "cpe3", "cpe4"]; for (var i = 0; i < panels.length; i++) $find(panels[i])._toggle(); } </script>here is my code for linkbutton (collapse all/expand all) and collapsiblepanel extenders<tr> <td align="right" valign="top"> <p style="text-align:right;"> <asp:LinkButton ID="L1" runat="server" Text="expand all" OnClientClick="TogglePanels();this.innerText=this.innerText=='expand all'?'collapse all':'expand all'; return false;"> </asp:LinkButton> </p> </td> </tr> <tr> <td> <cc1:CollapsiblePanelExtender ID="cpe1" runat="Server" TargetControlID="Panel1" ExpandControlID="Panel2" CollapseControlID="Panel2" BehaviorID="cpe1"

Ajax Calendar won't appear unless browser scroll bar is at the bottom (IE7)

Hi, I have an ajax calendar in the middle of my page. I already wrapped it in a div with position:relative but the calendar doesn't show up unless the scrollbar is at the bottom.Thanks

What is the best way to add an extra row to the bottom of a listivew for such things as totals, etc.

 I can add a row to the bottom of a listivew by inserting a table after the layouttemplate in a listview.  It works fine for me to call the added controls from code-behind and chane the control values. Since my listview changes width dynamically depending on the contents of the data, my added table columns don't match up.  I have tried to access the width property of the table and then match the new ones with codebhind, but it doesn't seem to work. I am simply trying to add a row to the bottom of the listview to provide for totals of the columnts.  What is the best way to to that?   Thanks

How to print a customer statement with the return part at the bottom.

I have a customer statement that is being generated out of SSRS with the customer return stub at the top third of the document. The statement is printed on paper stock that breaks the paper up into 1/3 and 2/3rd's of a sheet after seperated. Because the statement portion that is returned by the customer then has perforations on it once it is torn off, and those perforations are on the bottom, our payment scanner does not handle these top portions very well. Basically we are experiencing lots of jams. We have found that if we place the return portion at the bottom of the page so that the perforation is at the top of the detached portion, the scanner processes the documents just fine because the documents are not riding on the perforation. I've been able to move the parts of the report around so that the part that returned by the customer is underneith the detail, however because the number of statement detail lines changes depending on the customer, the actual information that should be printed on the bottom third of the paper moves up and down depending on the number of statement lines. My problem is, the part that is returned by the customer is suppose to have some mailing information line up in window envelopes. The information changes depending on the company the statement represents. I've tried putting the fields in the 'Page footer', but you can't reference r

RDLC - blank space at the bottom of the page

 We have designed RDLC having tables and binding dynamic data to the tables, so that we can export it to PDF.  While binding the data to the table,  if the cell content which we are binding to the table row is large and doesn't have enough space to fit in the page, then the table row is moved to next page and because of this we are able to see blank space at the bottom of the previous page. For example, if there is a table in a page with 3 rows, if the 3rd row is huge and cannot fit into the the same page with other rows; the 3rd row is moved to the 2nd page.  There is huge space after the first 2 rows in the first page because of this. ive tried resizing the details section but it didn work. Any other solution?

Menu Bottom Separator Image

Hello, When I add a static bottom separator image to my menu control, it is displayed in design mode. However, it does not show on the web page when testing. It does not render and displays the white box with red x. My other images are showing fine. I am using Microsoft Visual Web Developer 2010 Express and IE for my browser. Here is my code.<asp:Menu ID="Menu1" runat="server" DataSourceID="SiteMapDataSource2" ForeColor="Black" Font-Names="Cambria" style="font-size: large; font-weight: 700;" Font-Underline="True" StaticBottomSeparatorImageUrl="~/images/separator.jpg"> <StaticHoverStyle BackColor="Silver" /> </asp:Menu> <asp:SiteMapDataSource ID="SiteMapDataSource2" runat="server" showstartingnode=false/> Thanks for your help!

Composite Control: Load Script at bottom?

Is there a way to have an embedded .js file load at the bottom of my page?....I can load it into the header quite easily, but I want it at the bottom :)Regards,Steve

How to select bottom record if there is no id in table.

Hi All, I am trying to select the bottom record but there is no id in table. For Example A              B jo             john so             som mo            mon to              tom go              gone

Table styling at the bottom of the page

Hi, i am in the process to do a master page with  a table.The problem i am facing now is the footer is not always at the bottom of the page.When the content in the content page holder is shorter, the footer go up a bit to the page.While the content in the content page holder is longer, the footer of the page is at the bottom of the page (which is what i want). Does anyone has idea on how to have the footer  always at the bottom of the page using table ?My code is as below:Cssbody { margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; width :100%; } .SiteHeader { background-color:#292929; My html code is as below:<form id="form1" runat="server"> <div> <table border ="2" width ="100%" cellspacing ="0" cellpadding="0" > <tr Class="SiteHeader" height="113px"> <td valign="middle" align="center" colspan="2"> <%-- <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/top.jpg" />--%> </td> </tr> <tr bgcolor="red" > <td align="right" colspan="2">

Foreign Key fields are moved to the bottom of my detailsview

Hey All, I'm not sure if you would consider it a foreign key field or not, but I have an agency table with an association to my Project table.  It exists primarily to limit the input values of agency in the Project table to those listed in the Agency table.  Anyway, everything works fine, except that when you insert/add a project, the Agency field is moved to the end of the list.  I'd like to move it back where it belongs (further up the list). How?  Thanks.

GridView go to top of page when page is changed using bottom pager


I have a grid view where the user can change pages at either the top or the bottom of the grid view. 

I want the view to go back to the top whenever a user changes the page, whether they are changing from the top or the bottom.  I've tried using anchors and javascript to achieve this but it does not work.  The javascript is executed and the user is taken to the top of the gridview, this can be seen by placing an alert after the javascript to change the view.  But the last thing that happens on the page change is that the window is returned to it's previous position (the bottom of the page).  Is there any way of doing this?

I need to calculate a controll top margin minus the control bottom margin how do i do it?


I drawed a line using a control.

g.DrawLine(penColor, myControl1.Left,myControl1.Top,myControl1.Left,myControl1.Bottom);

Drawing a green line so if ill change the control size in the designer i will not have to update it all the time in my code.

Now what i want to do is the move this line to the right by 10 pixels.

So i did

g.DrawLine(penColor, myControl1.Left+10,myControl1.Top,myControl1.Left,myControl1.Bottom);

But my problem is i drawed another line on axis X on the control bottom and i need to move the first line by 10 but also take care not only about the green line axis X ( wich i moved by 10 pixels ) but also take care about the green line with the control top margin and bottom marging.

This is the two lines after i added the first one 10 pixels and after i removed minus 10 pixels from the red line:


g.DrawLine(penColor, myControl1.Left+10,myControl1.Top,myControl1.Left+10,myControl1.Bottom);

g.DrawLine(penRed, myControl1.Left, myControl1.Bottom-10, myControl1

ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend