Accordion for ASP.NET Web Forms
Step 3 of 4: Adding Content to the C1AccordionPanes
Quick Start > Step 3 of 4: Adding Content to the C1AccordionPanes

In this topic you will add content to the content area of the C1AccordionPanes.

  1. Click the Source tab on your form to switch to Source view.
  2. Add a title and some content to C1Accordion1Pane1 within the <C1Accordion:C1AccordionPane></C1Accordion:C1AccordionPane> tags. For example:
    Copy Code
    <Header>       
    Step 1       
    </Header>        
    <Content>        
    <h1>        
    Step 1</h1>        
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ac lacus ac nibh        
    viverra faucibus. Mauris non vestibulum dui     
    </Content>
    

  3. Add a title and some content to C1Accordion1Pane2 within the <C1Accordion:C1AccordionPane></C1Accordion:C1AccordionPane> tags. For example:
    Copy Code
    <Header>       
    Step 2        
    </Header>      
    <Content>        
    <h1>        
    Step 2</h1>        
    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia        
    Curae; Vestibulum ante ipsum primis in faucibus.        
    </Content>
    

  4. Add a title and some content to C1Accordion1Pane3 within the <C1Accordion:C1AccordionPane></C1Accordion:C1AccordionPane> tags.For example:
    Copy Code
    <Header>        
    Step 3        
    </Header>        
    <Content>        
    <h1>        
    Step 3</h1>       
    Sed facilisis placerat commodo. Nam odio dolor, viverra eu blandit in, hendrerit        
    eu arcu. In hac habitasse platea dictumst.        
    </Content>
    

  5. Add a title and some content to C1Accordion1Pane4 within the <C1Accordion:C1AccordionPane></C1Accordion:C1AccordionPane> tags. For example:
    Copy Code
    <Header>        
    Step 4        
    </Header>        
    <Content>        
    <h1>        
    Step 4</h1>        
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ac lacus ac nibh        
    viverra faucibus. Mauris non vestibulum dui.        
    </Content>
    
See Also