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

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

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

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.

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.

Is it possible to add GridView to AccordionPane?

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

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

Hi Joe,

I want display image or background image in AccordionPane.

How do I do?

Thanks.

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????

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>

two-1

two-2

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

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

Hi joe ,

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

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

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

I wanted to add a button that can expand all of the panels.  I found a solution on another website www.c-sharpcorner.com/.../deepakvraghav an/enhancedaccordion07142007211524pm/enhancedaccordion.aspx ">Enhanced Accordion  The only problem is that it is in c# and I need it in vb.  I tried converting it and it doesn't work.  Can you help me out with this?

why when Animation Toolkit Pick in Page Dosen,t Show It

That was a great starting place. You Rock!!!

-

cT

Hey Joe, I have enjoyed the tutorials that you have taken the time to present to us. They are a great smoke clearing lession. I am curious as to how you add your snippets of code to the Toolbox? Is there a lot of work to this Or maybe another video that I may have misse? Thanks again . . .Tom J.

Hi,

I working with Visual Studio 2005 and Ajax Control Toolkit ver. 1.0.20229.

I'm trying to set an accordion in my web application.

The problem is that when I put on design mode, instead of the accordion, I see an error message:

"Error creating control - Accordion1

Type 'AjaxControlToolkit.Accordion' does not have a public property named 'AccordionExtender'."

but when i run the applicaiton the accordin works ...

in the desing mode it shows error like that

how to fix ti

i couldnt able to download video..can you help me

nice video! clear and simple. Already added the accordion control to my project with dynamically generated Panes...

Thanks for the video.

Great intro to the Accordian control, many thanks!

I'm trying to put a youtube video inside the accordion looks like the video is on a layer on top of it so it always shows.

How do I fix it?

Hey. I have a strange problem with this control.

I have placed a asp button named 'Button1' inside the content section of one of the panes.

If i then add a modal popup extender to this button where i specify '-- TargetControlID="Button1" --' then i get a error when loading the page.

If i then take 'Button1' and instead place it outside the accordion control. (Just as a control on the page) then the modal popup extender finds the button and everything is working fine.

Can you tell me why the button can not be found as a control when placed inside a accordion pane in the content section?

/Lasse

Hi..joe..!!!

Is it possible to add group of check boxes in Accordian Dynamically..!!!

I wanted to use Accordian dynamically..

pls do send me the sample code or related tutorial,

it's vry urgent..!!

Thanx in Advance...

Good one thanks..

Hi Joe,

Great Tutorial.  I'm having a little problem with the toolkit.  When i browse to the dll file after installing and other stuff, and press the OK Button, AJAX Contols are not added to the Tab in the toolbox.  Please help me out with this?

I have add serve control inside the Accordian.also add button with click event.But it's not working.  i can't able to access the server control value.

Thanks in advance...

Using the accordion pane as a vertical navigation menu.

When a pane is expanded and user wants to navigate, by hyperlink to another page within the expanded pane. After postback, the expanded pane is collapsed. how do you maintain state? This would be a good video to demonstrate.

Any suggestions?

Hi Joe,

I have using four accoridionpane controls as A,B,C,D on single accordion control.Now i want to bind four methods bindA(),bindB(),bindC(),bindD() when i click each accordionpane control simultanesously.Is this possible then how...please help me..

nice work joe ...! how can i use gridview or repeater in it..

Added a button control to Accordion pane the but can't get the button's click event to fire.

Thanks

somebody tell me how to integrate the repeater control in the accordion control, i want to populate the accordina panes with the reapeter control

Thanks! Jërëjëf!

I need help Urgent help for Accordion Component.

I want to user Accordion like a web site Menu for this I need to listen to the click event in the header section when I add an hyperlink.

I havent find yet a solution can someone help me

"fanatikadi : On December 30, 2008 3:05 AM said:

somebody tell me how to integrate the repeater control in the accordion control, i want to populate the accordina panes with the reapeter control"

Same problem here

I want to add a datalist inside the Accordion Control

Cant figure out how to databind the controls inside the datalist

Subject for a video maybe?

I have problems with the CSS of all Ajax Controls including this... don´t know what to do...

this is what i have been looking!

Thanks Joe, I truely enjoy your presentation.

Hi there, does anyone try to put an iframe inside of an accordion? Doesn't work at all :( I tried everything that i know...any idea? thanks

Does anyone ever answer these late posts like mine?

Q. Why do I receive an error when placing Google map info (<iframe>.......</iframe> inside the Ajax Accordion?

Hi,

I have a problem with dynmaic ajaxtoolkit:accordion control. The Content-Container control value is repeating for all the Content-Container at a particular level.

Can anyone help me in this regards.

I have a set of question categories. When I select a particular question-category all the Questions in that particular  question-category is populating as HeaderContainer control and their answes are populating as ContentContainer control. ContentContainer contains a dynamic table with textbox controls that contains answers and Edit link button and a hidden cancel button. On the first render everything is fine. When I clicks the Edit link button its text will change to Update and the Cancel button will become visible just like as what we see in Gridview. What actually happens is when I click the Edit of the first ContentConainer the link Update and Cancel button will appear not only for that particular ContentConainer . It is showing for all the first ContentConainer of the selected question-category.

Is there any sample, tutorial or video to learn more on the datasource binding properties of the Accordion Control

Following the video I have the following, four section of Accordion Panel, but only three are visible when viewed in the browser. Is there a maximum number of panel the accordion will accept, as at least seven panels are needed? What am I not seeing?

-----------

<body>

<form id="form1" runat="server">

Simply...its excellent.

Hi!

I want to use the accordion control as an expandable menu. But I want it initially to be contracted. Meaning that none of the accordion panes are expanded when navigating to the site for the first time. I've tried setting the selectedIndex value to a large number and even omitting the property but nothing seems to work. Is there some other way to achieve this?

Regards

Kaarel

Kaarel

Set SelectedIndex="-1"

HTH,

Hey Joe, Any tips on editing the content in the designer. I get an error creating control 'valueX' could not be set on property 'propertyX'

Compiles and runs fine otherwise.

My thanks in advance,

I have created this accordian panel as my horizonal menu and, i used a link button inside this accordion panel and a good CSS for the hover effect in link button, but this is nice to see

For anyone who wants to collapse/expand all items on Accordion the solution is here: http://forums.asp.net/p/1203076/3187840.aspx#3187840

Hello!! Someone could help me!!!, I'm trying to create an accordion dinamically but when I write something on header "AccordPane.Header" it throw an mistake, it says that header have to be a template. thanks