Click here to Skip to main content

Salman Farooqui asked:

Open original thread
.accordion {
           width: 400px;
       }
 
       .accordionHeader {
           border: 1px solid #2F4F4F;
           color: white;
           background-color: #2E4d7B;
           font-family: Arial, Sans-Serif;
           font-size: 12px;
           font-weight: bold;
           padding: 5px;
           margin-top: 5px;
           cursor: pointer;
       }
 
       .accordionHeaderSelected {
           border: 1px solid #2F4F4F;
           color: white;
           background-color: #5078B3;
           font-family: Arial, Sans-Serif;
           font-size: 12px;
           font-weight: bold;
           padding: 5px;
           margin-top: 5px;
           cursor: pointer;
       }
 
       .accordionContent {
           background-color: #D3DEEF;
           border: 1px dashed #2F4F4F;
           border-top: none;
           padding: 5px;
           padding-top: 10px;
       }
 
<asp:Accordion   
    ID="Accordion1"   
    CssClass="accordion"  
    HeaderCssClass="accordionHeader"  
    HeaderSelectedCssClass="accordionHeaderSelected"  
    ContentCssClass="accordionContent"   
    runat="server">  
<panes>  
    <asp:AccordionPane ID="AccordionPane1" runat="server">  
        <Header>Employee</Header>  
        <content>  
     
         ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.  
        Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.  
        Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.              
        </content>  
      
    <asp:AccordionPane ID="AccordionPane2" runat="server">  
        <Header>Pane 2</Header>  
        <content>  
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.  
        Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.  
        Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.  
        </content>  
      
    <asp:AccordionPane ID="AccordionPane3" runat="server">  
        <Header>Pane 3</Header>  
        <content>  
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.  
        Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.  
        Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.  
        </content>  
      
</panes>  
Tags: ASP.NET, Ajax

Preview



When answering a question please:
  1. Read the question carefully.
  2. Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
  3. If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Let's work to help developers, not make them feel stupid.
Please note that all posts will be submitted under the The Code Project Open License (CPOL).



Advertise | Privacy | Mobile
Web02 | 2.8.140709.1 | Last Updated 26 Mar 2009
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid