The content area of the AccordionPage is a placeholder or panel which is initially empty. However, you can add controls, such as grids, calendar, and images as content in this content area using the Controls.Add method.

The following GIF shows two ListView controls with images in the AccordionPage content area.

The following code demonstrates how to add controls in the content area of AccordionPages. For complete sample code, please refer Quick Start.

//get the required pages from the Pages collection
var mailPage = c1Accordion1.Pages[0];
var taskPage = c1Accordion1.Pages[1];

//Add controls in the content area of AccordionPages
mailPage.Controls.Add(mailListView);
taskPage.Controls.Add(tasksListView);

In addition to adding controls, you can set the desired height and width of the content area using ContentHeight and ContentWidth properties of the C1AccordionPage class.