This tutorial will explains about how to use Ajax control toolkit Accordion in asp .net. Accordion is a control present in Ajax control toolkit used to show content in collapsible panels. Accordion control is very useful when you want to display large amount of data in collapsible manner.
Most common usage of accordion control is to display questions and answers in a website where users can expand single FAQ at a time this will saves lots of space in website page. Ajax control toolkit’s accordion control is similar to Jquery accordion however Ajax control toolkit’s accordion control keeps track of selected pane on page postbacks.
Steps to use Ajax control toolkit Accordion in asp .net website
Step 1: Add reference to Ajax control toolkit in your website.
For more info about how to use Ajax control toolkit in asp .net follow this.
http://www.codingfusion.com/Post/3-Different-ways-to-add-AjaxControlToolkit-in-Asp
Step 2: Add ToolkitScriptManager in your website page.
Step 3: Add following code where you want to display accordion in your page:
<%--//--- Heading -----%>
1. Asp .Net
<%--//--- Content -----%>
ASP.NET is a server-side Web application framework designed for Web development
to produce dynamic Web pages.
<%--//--- Heading -----%>
<%--//--- Content -----%>
The Model-View-Controller (MVC) architectural pattern separates an application into
three main components: the model, the view, and the controller.
<%--//--- Heading -----%>
<%--//--- Content -----%>
ASP.NET Web API is a framework that makes it easy to build HTTP services that reach
a broad range of clients, including browsers and mobile devices. ASP.NET Web API
is an ideal platform for building RESTful applications on the .NET Framework.
<%--//--- Heading -----%>
4. Asp .Net Ajax Control Toolkit
<%--//--- Content -----%>
The ASP.NET AJAX Control Toolkit is an open-source project built on top of the Microsoft
ASP.NET AJAX framework.
Step 4: Add CSS for Accordion:
Final Output:
