Scribd Logo
Upload

Welcome to Scribd!

  • How to Create an Accordion Control in ASP.NET

    Uploaded by

    Dung Hoang
    7 views2 pages
    The document describes an ASP.NET accordion control with 4 panes that can be expanded and collapsed. It includes the ASP.NET code to define the accordion with headers for each pane and content sections. Styling is applied using CSS to set colors and padding for the header, selected header, and content sections.

    Original Description:

    Original Title

    1 AjaxToolkit Accordion

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document describes an ASP.NET accordion control with 4 panes that can be expanded and collapsed. It includes the ASP.NET code to define the accordion with headers for each pane and content sections. Styling is applied using CSS to set colors and padding for the header, selected header, and content sections.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views2 pages

    How to Create an Accordion Control in ASP.NET

    Uploaded by

    Dung Hoang
    The document describes an ASP.NET accordion control with 4 panes that can be expanded and collapsed. It includes the ASP.NET code to define the accordion with headers for each pane and content sections. Styling is applied using CSS to set colors and padding for the header, selected header, and content sections.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    M T

    ASP.NET
    < asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> </ asp:ToolkitScriptManager>

    < asp:Accordion ID="MyAccordion" runat="server" SelectedIndex="0" HeaderCssClass="AccordionHeader" HeaderSelectedCssClass="AccordionHeaderSelected" ContentCssClass="AccordionContent"> <Panes> <asp:AccordionPane ID="AccordionPane1" runat="server"> <Header>1. Accordion</Header> <Content> HTML Content for pane 1 </Content> </ asp:AccordionPane> < asp:AccordionPane ID="AccordionPane2" runat="server"> <Header>2. AutoSize</Header> <Content> HTML Content for pane 2 </Content> </ asp:AccordionPane> < asp:AccordionPane ID="AccordionPane3" runat="server"> <Header>3. Control or Extender</Header> <Content> HTML Content for pane 3 </Content> </ asp:AccordionPane> < asp:AccordionPane ID="AccordionPane4" runat="server"> <Header>4. What is ASP.NET AJAX?</Header> <Content> HTML Content for pane 4 </Content> </ asp:AccordionPane> </Panes> </ asp:Accordion>

    CSS body { font-family: Verdana; font-size: 12px; } .AccordionHeader { background-color: Yellow; font-weight: bold; padding: 5px 5px 5px 5px; } .AccordionHeaderSelected { background-color: Red; font-weight: bold; padding: 5px 5px 5px 5px; } .AccordionContent { background-color: Aqua; }

    You might also like