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

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

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?

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

Very helpful video

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

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?  

your looking for the accordion control S_Aijaz1

Cool tutorial

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.

I got my problem sorted.

No worries then.

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.

Great article, should answer all questions about opening and closing.

www.asp.net/.../tutorial-18-vb.aspx

Good Article......

Thanks for the tutorial.  Has anyone adapted the Collapsable Panel to utilize a localized resource table for the ExpandedText and CollapsedText?

S_Aijaz1!

you could use an updatepanel to trigger events.

It's a very good video tutorial...thanks

I try it in IE6. It work fine without any flashing but when I run in IE7, it still have flashing. Is there have anyway to solve it.

Nice video Joe! First I want to say thank you very much for all your videos and help. I've got good experience working with C# in desktop apps, and I've made the jump to Asp.Net not so long ago(it's being harder than what I first thought it would be...) and your videos are so helpful...

I've just tried the CollapsiblePanel and it works Ok but I realised that it takes too long collapsing and expanding the Content Panel.

I've only added to the ContentPanels 3 labels separated by a <br\>, and everytime I collapse or expand the panel I can see the labels disappearing or appearing, it does it too slow.

I've checked you video again and I've seen that it took the panel a while to collapse it too. Is there a way to fix it or made it faster?

Hi,

Thank you very much for all the videos that you have presented, I enjoyed watching them and I learned a lot from them. But I have one question, I hope you can help me on this issue.

I have used the Collapsible Panel Extender on my application, this is to build an application form, until here everything was ok. But than I was asked to put a print button on the form, and that print button must open all the panels and trigger the printing window.

I have used the following function:

function PrintApp()

{

$find("CollapsiblePanelExtender1")._doOpen();

$find("CollapsiblePanelExtender2")._doOpen();

$find("CollapsiblePanelExtender3")._doOpen();

$find("CollapsiblePanelExtender4")._doOpen();

window.print();

}

This function opens all the panels and it triggers printing, but when it prints it prints the window as it was before opening all the panels.

Thank you very much in advance and all the best.

I have found a solution to my question...

All the best,

Hi,

I tired adding the CoppalsePanel in an ASCX control and tried to create and add multiple instances of the ASCX to the same page to a page from the code behind.

but sadly, when i click the control second time, all my Collapse Panel added from the codwe behind just disappears.

Any help?

Nice control.

But ExpandDirection="Horizontal" does not work for me. Nothing comes up when I click the 'ExpandControlID'. Even if I keep Collapsed="true"; TargetControlID is not displayed.

Any clues?