<%@ Page Title="" Language="C#" AutoEventWireup="true" CodeBehind="Sample.aspx.cs" Inherits="Audit.Sample" %> <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajax" %> <!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 id="Head1"> <title></title> <style type="text/css"> .accordionContent { background-color: #D3DEEF; border-color: -moz-use-text-color #2F4F4F #2F4F4F; border-right: 1px dashed #2F4F4F; border-style: none dashed dashed; border-width: medium 1px 1px; padding: 10px 5px 5px; width: 20%; } .accordionHeaderSelected { background-color: #5078B3; border: 1px solid #2F4F4F; color: white; cursor: pointer; font-family: Arial,Sans-Serif; font-size: 12px; font-weight: bold; margin-top: 5px; padding: 5px; width: 20%; } .accordionHeader { background-color: #2E4D7B; border: 1px solid #2F4F4F; color: white; cursor: pointer; font-family: Arial,Sans-Serif; font-size: 12px; font-weight: bold; margin-top: 5px; padding: 5px; width: 20%; } .href { color: White; font-weight: bold; text-decoration: none; } </style> </head> <body> <form name="form1" id="form1" runat="server"> <ajax:ToolkitScriptManager ID="Scriptmanager1" runat="server" /> <div> <ajax:Accordion ID="UserAccordion" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader" HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent" FadeTransitions="true" SuppressHeaderPostbacks="true" TransitionDuration="250" FramesPerSecond="40" RequireOpenedPane="false" AutoSize="None"> <Panes> <ajax:AccordionPane ID="AccordionPane1" runat="server"> <Header><a href="#" class="href">One</a></Header> <Content> <asp:Panel ID="UserReg" runat="server"> Accordion content 1 </asp:Panel> </Content> </ajax:AccordionPane> <ajax:AccordionPane ID="AccordionPane2" runat="server"> <Header><a href="#" class="href">Two</a></Header> <Content> <asp:Panel ID="Panel1" runat="server"> Accordion content 2 </asp:Panel> </Content> </ajax:AccordionPane> <ajax:AccordionPane ID="AccordionPane3" runat="server"> <Header><a href="#" class="href">Three</a> </Header> <Content> <asp:Panel ID="Panel2" runat="server"> Accordion content 3 </asp:Panel> </Content> </ajax:AccordionPane> </Panes> </ajax:Accordion> </div> </form> </body> </html>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)