How to use Accordion and Accordion plane controls in Ajax?

aswinialuri-19361
Posted by aswinialuri-19361 under ASP.NET AJAX category on | Points: 40 | Views : 977
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Accordion.aspx.cs" Inherits="Accordion" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.accordionHeader
{
background-color:Teal;
}
.accordionHeaderSelected
{
background-color:Fuchsia;
}
.accordionContent
{
background-color:transparent;
}

</style>

</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<%--<asp:AccordionPane runat="server">
</asp:AccordionPane>--%>
<asp:Accordion ID="Accordion1" runat="server" HeaderCssClass="accordionHeader" HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent" SelectedIndex="0" FadeTransitions="true" SuppressHeaderPostbacks="true" TransitionDuration="250" FramesPerSecond="40" RequireOpenedPane="false" AutoSize="None">
<Panes>
<asp:AccordionPane ID="AccPan1" runat="server">
<Header>HOME</Header>
<Content>welcome to my home page</Content>
</asp:AccordionPane>
<asp:AccordionPane ID="AccPan2" runat="server">
<Header>About Us</Header>
<Content>Ajax Control Tool kit </Content>
</asp:AccordionPane>
<asp:AccordionPane ID="AccPan3" runat="server">
<Header>FEEDBACK</Header>
<Content>please give your feedback </Content>
</asp:AccordionPane>
</Panes>
</asp:Accordion>
</div>
</form>
</body>
</html>

Comments or Responses

Login to post response