Adding Text to the Header

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 Blend, in XAML, or in code. This topic assumes that you have added a C1Accordion control with at least one C1AccordionItem item to your project.

At Design Time in Blend

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

1.   Click the C1AccordionItem item once to select it.

2.   Under the Properties panel, set the Header property to a string (for example, "Hello World").

In XAML

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

 

<c1:C1AccordionItem Header="Hello World" Width="150" Height="55">

In Code

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

1.   Add x:Name="C1AccordionItem1" to the <c1:C1AccordionItem> tag so that the object will have a unique identifier for you to call in code.

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

      Visual Basic

      C#

3.   Run the program.

 This Topic Illustrates the Following:

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

 


Send us comments about this topic.
Copyright © GrapeCity, inc. All rights reserved.