ComponentOne Accordion for ASP.NET Web Forms
Quick Start / Step 3 of 4: Adding Content to the C1AccordionPanes
In This Topic
    Step 3 of 4: Adding Content to the C1AccordionPanes
    In This Topic

    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