Accordion for ASP.NET Web Forms
手順 3:コントロールのコンテンツへの追加
クイックスタート > 手順 3:コントロールのコンテンツへの追加

このトピックでは、コンテンツを C1AccordionPane のコンテンツ領域に追加します。

  1. フォーム上の「ソース」タブをクリックしてソースビューに切り替えます。
  2. タイトルとコンテンツを <C1Accordion:C1AccordionPane></C1Accordion:C1AccordionPane> タグ内の C1Accordion1Pane1 に追加します。たとえば、次のようになります。
    ソースビュー
    コードのコピー
         
    <Header>       
    手順 1       
    </Header>        
    <Content>        
    <h1>        
    手順 1</h1>        
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ac lacus ac nibh        
    viverra faucibus. Mauris non vestibulum dui     
    </Content>
    
    
  3. タイトルとコンテンツを <C1Accordion:C1AccordionPane></C1Accordion:C1AccordionPane> タグ内の C1Accordion1Pane2 に追加します。たとえば、次のようになります。
    ソースビュー
    コードのコピー
          
    <Header>        
    手順 2        
    </Header>        
    <Content>        
    <h1>        
    手順 2</h1>        
    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia        
    Curae; Vestibulum ante ipsum primis in faucibus.        
    </Content>
    
    
  4. タイトルとコンテンツを <C1Accordion:C1AccordionPane></C1Accordion:C1AccordionPane> タグ内の C1Accordion1Pane3 に追加します。たとえば、次のようになります。
    ソースビュー
    コードのコピー
           
    <Header>        
    手順 3        
    </Header>        
    <Content>        
    <h1>        
    手順 3</h1>       
    Sed facilisis placerat commodo. Nam odio dolor, viverra eu blandit in, hendrerit        
    eu arcu. In hac habitasse platea dictumst.        
    </Content>
    
    
  5. タイトルとコンテンツを <C1Accordion:C1AccordionPane></C1Accordion:C1AccordionPane> タグ内の C1Accordion1Pane4 に追加します。たとえば、次のようになります。
    ソースビュー
    コードのコピー
         
    <Header>        
    手順 4        
    </Header>        
    <Content>        
    <h1>        
    手順 4</h1>        
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ac lacus ac nibh        
    viverra faucibus. Mauris non vestibulum dui.        
    </Content>
    
    
関連トピック