Using Inline content enables the pane to be edited directly during design time. IFrame mode is more flexible as developer can easily customize the ContentURL property and point it to a specific page.

This topic will show you how to use WebAccordion with Inline and IFrame content.

To use WebAccordion with Inline content

1. Right-click on WebAccordion control and choose Properties.
2. Go to Items and click the collection button.
3. Add a WebAccordion item. Set the following properties:
   

   Property	Value
   ContentMode	Inline (By default, it is set to Inline)
   HeaderContentMode	Text/Image/TextAndImage/Inline
   HeaderText	WebAccordionContent

   
   
4. If HeaderContentMode is set to Image/TextAndImage, you need to specify the image url in HeaderImageURL property.
5. You can simply edit the pane directly during design time.
6. Run the project.

To use WebAccordion with IFrame content

1. Add a page called PageWithIFrame.aspx.
2. Right-click on WebAccordion control and choose Properties.
3. Go to Items and click the collection button.
4. Add a WebAccordion item. Set the following properties:
   

   Property	Value
   ContentMode	IFrame
   ContentURL	Specify the url where PageWithFrame.aspx is created.
   HeaderText	WebAccordionContent

   
   
5. If HeaderContentMode is set to Image/TextAndImage, you need to specify the image url in HeaderImageURL property.
6. You can simply edit the pane directly during design time.
7. Run the project