How Do I: Use the ASP.NET AJAX Accordion Control?

Learn how the ASP.NET AJAX Accordion control makes efficient use of screen real-estate by enabling the smooth animated transition between different content panes.

Presented by Joe Stagner

Duration: 9 minutes, 31 seconds

Date: 30 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 : 12

Leave a Comment

G.Prabhakaran : On March 06, 2008 6:58 AM said:

I want to add repeater and bind data set within content tag in Accordion Control,

How to add Repeater control within Accordion AjaxToolKit

control, Repeater should be bind from DataBase

Please tell me how to do that

JoeStagner : On March 15, 2008 10:15 AM said:

You can put whatever you like inside an AccordianPane. They work as containers inside the control but are just normal ASP.NET content.

veritas27 : On March 30, 2008 10:13 PM said:

Has anyone else tried this in IE8 Beta? I tried this in IE8 Beta and it doesn't work. Unfortunately, this isn't the first ASP.NET Ajax videos application that is buggy in IE8.

JoeStagner : On March 31, 2008 9:34 AM said:

I'll do some IE8 testing this week.

PLease feel free to use the "Contact Me" option on my blog (www.JoeOn.net) to let me know of any specific issues that you find.

dmytry.kiev : On April 23, 2008 6:53 AM said:

Is it possible to add GridView to AccordionPane?

I've added and it doesn't show data, where are I wrong?

soumen_ban : On May 19, 2008 9:49 AM said:

Hi Joe,

Will it be possible for you to give a sample application on how to use Accordion control dynamically?

Precisely I am looking for how to build dynamic Accordion Panes using C# code.

Thanks in advance.

Cheers,

Soumen

violent : On May 25, 2008 10:46 PM said:

Hi Joe,

I want display image or background image in AccordionPane.

How do I do?

Thanks.

ismokepot : On May 30, 2008 4:36 PM said:

hey is it possible to implement a modal popup extender inside an accordian....

this is what i did...

i added a button inside an accordian where it was set as the target control id for the modal popup extender.....

thereafter i tried 2 things

1)outside the accordian, the modal popup extender along with a new panel was added. when this was done an error occured saying that the target control ID does not exist.

2)i added the modal popup extender inside the accordian. then another error occured saying that it is out of memory..

(the accordian and the modal popup works perfectly when they are independant)

is it possible to do this sort of a thing????

awni : On June 02, 2008 12:54 PM said:

hi dmytry.kiev, i had the same problem as you when the gridview until i bound it and set the datasource and so on. works fine now. Put it under <Content>

<ajaxToolkit:AccordionPane ID="AccordionPane2" runat="server" ToolTip="Click this" CssClass="panecss">

<Header>

<img  src="images/Inbox.gif" height="10" width="10"  />     <asp:LinkButton ID="LinkButton2" runat="server"  CssClass="selectedbutton">second</asp:LinkButton>

</Header>

<Content>

<asp:LinkButton ID="LinkButton3" runat="server">two-1</asp:LinkButton><br />

<asp:LinkButton ID="LinkButton4" runat="server">two-2</asp:LinkButton><br />

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="LP"

DataSourceID="SqlDataSource1">

<Columns>

<asp:BoundField DataField="LP" HeaderText="LP" ReadOnly="True"

SortExpression="LP" />

<asp:BoundField DataField="Year" HeaderText="Year" SortExpression="Year" />

<asp:BoundField DataField="Info" HeaderText="Info" SortExpression="Info" />

<asp:BoundField DataField="GroupName" HeaderText="GroupName" SortExpression="GroupName" />

<asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name" />

</Columns>

</asp:GridView>

</Content>

</ajaxToolkit:AccordionPane>

awni

funluckykitty : On June 06, 2008 2:49 PM said:

I wonder how the search engine bots handle this.  Can they index the data in each content pane?  

mmk_digs : On June 24, 2008 2:46 AM said:

Hi joe ,

According to you which is the best suitable application for using accordion pane , considering memory and performance issues .

drahmedgalal : On July 06, 2008 2:02 PM said:

really great joe .i learned asp.net and vb.net all from books  and things was going great .till i reached to ajax learning, i tried three books (i tried with each one for 3 or 4 days )and i got nothing things was really bad esp. that i  know very little about java script .till i started this video series it represent what we need to learn to start working,we r not learning because we like reading of course.thanks alot from egypt

Leave a Comment

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