By default, an accordion pane's header is empty. You can add text to the control's header by setting the Header property to a string in Design view, in XAML, or in code.

This topic assumes that you have added a C1Accordion control with at least one C1AccordionItem item to your project.

In XAML

To set the Header property in XAML, add Header="Hello World" to the <c1ext:C1AccordionItem> tag so that it appears similar to the following:

<c1ext:C1AccordionItem Name="C1AccordionItem1" Header="Hello World" Width="150" Height="55">

In Code

To set the Header property in code, complete the following steps:

1. Enter Code view and add the following code beneath the InitializeComponent() method:

C1AccordionItem1.Header = "Hello World"

Colorized Example Code

2. Run the program.

This Topic Illustrates the Following:

The header of the accordion pane now reads "Hello World". The result of this topic should resemble the following: