How Do I: Use the ASP.NET AJAX Collapsable Panel Extender?

In this video you will learn how to use the ASP.NET AJAX Collapsable Panel Extender to allow the user to dynamically show or hide content on a web page.

Presented by Joe Stagner

Duration: 11 minutes, 53 seconds

Date: 31 January 2007

Watch the video   |   Download the video   |   Get VB code  or  C# code

Video downloads: WMV | Zune | iPod | PSP | MPEG-4 | 3GP

Audio downloads: AAC | WMA | MPEG-4 | MPEG-3 | MPEG-2

Comments : 9

Leave a Comment

S_Aijaz1 : On May 09, 2008 3:19 AM said:

vedeo is good but what i want is: i have three collapsiblepanels, when mouse is over one of them that shall extend and other two shall collapse. and when mouse is out of all the three then only the collapsiblepanel on which mouse was over last time shall remain expanded.

Thanx a lot

KevInKauai : On May 14, 2008 12:51 AM said:

Works fine in IE 7 but when I tested on FireFox and FLock the panel expansion took the right margin of the black panel as its left margin -- more than a little weird looking. (I made no changes to the VB code that I downloaded and was running from VWD EE 2005 as in the tutorial.)

What gives?

rue25 : On June 20, 2008 9:54 AM said:

this is a quite good explanation of then way, who to install that control. thanks so far. I started using those helpful ajax-control on my local forum site http://www.forum-nuertingen.de  

thanks, raimund

RajVedula : On June 20, 2008 4:43 PM said:

Very helpful video

The collapsible panel flashes when loading, how can i get rid of that?

epasho : On June 21, 2008 11:10 PM said:

nice tutorial :) however, when i set Collapsed="False" my panel doesnt show full content.., when i collepse and expand ...then it shows full content..any idea?  

chrisportela : On July 01, 2008 12:30 PM said:

your looking for the accordion control S_Aijaz1

Cool tutorial

MedCon : On July 02, 2008 4:54 PM said:

Great video!

however, one simple question, after the user has expanded the panel, how can I collapse it from code-behind?

my scenario is this:

I have an update panel where user can see different online test questions, and the collapse panel will display the answer to the question. After the user has clicked "next question" button, the next question is displayed. But I want the panel to be collapsed so that the user won't see the answer until they click on the "show answer" header panel.

Any ideas?

Many thanks in advance.

MedCon : On July 03, 2008 6:09 AM said:

I got my problem sorted.

No worries then.

violent : On July 05, 2008 6:44 AM said:

Hi, I have problem.

I use <p> in <asp:Panel ID="ContentPanel" runat="server"> ok.

But i use <tr>, <td>, <table> not oke.

Can you help me. Thanks.

Leave a Comment

You must be logged in to leave a comment. Click here to log in.