Databound Accordian Control

Posted on ASP.NET 101 See other posts from ASP.NET 101
Published on Tue, 27 Nov 2007 12:14:04 GMT Indexed on 2010/03/18 18:21 UTC
Read the original article Hit count: 413

Filed under:
This sample shows how to bind data to an AJAX Accordian control, using the AJAX Control Toolkit. The first thing you will need to do, is to download it from the AJax.ASP.Net website.

Then, once it's downloaded and installed, go to the Bin folder, where it's located, find the AjaxcontrolToolkit.dll and copy it to the Bin folder of your website.

Once it's there, you're off to the races. Note the 'Register' statement at the top of the code here, and then, look at the different properties in the control itself. When databinding the Accordian control, you will use the HeaderTemplate and ContentTemplate tags, instead of the normal Header and Content pane tags.

Add a little CSS for flavor (see the ContentCssClass property of the Accordian control, and the DIV class for the header), and we're good to go.

© ASP.NET 101 or respective owner