How to use Accordion and Accordion plane controls in Ajax?

Posted by aswinialuri-19361 under ASP.NET AJAX category on 7/21/2013 | Points: 40 | Views : 2028

Post Code |

Search Codes |

Code Home

<%@ 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>

Alert Moderator

Bookmark It

Comments or Responses

Latest Code Snipptes