ComponentOne Extended Library for WPF and Silverlight
Step 2 of 3: Adding Accordion Panes
Accordion > Quick Start: Accordion for WPF > Step 2 of 3: Adding Accordion Panes

In the last step, you created a project with a customized C1Accordion control. In the next step, you will add accordion panes, which you will customize and add content to.

Complete the following steps:

  1. Click the C1Accordion control once to select it.
  2. In the Properties window, click the Items ellipsis button.

The Collection Editor: Items dialog box opens.

  1. Click the Add button three times to add three C1AccordionItem items to the C1Accordion control.
  2. Select the first C1AccordionItem and set the following properties:
  1. Select the third C1AccordionItem and set the Background property to LawnGreen to set the background color of the accordion pane.
  2. Click OK to close the Collection Editor: Items dialog box.
  3. Switch to XAML view and complete the following:
  1. Switch to Design view and add a control to the second accordion pane by completing the following steps:

a.        In the Designer, click the second accordion pane to select it.

b.       Navigate to the Toolbox and double-click the Calendar icon to add the control to the accordion pane.

In this step, you added three accordion panes to the C1Accordion control and then added content to two of the accordion panes. In the next step, you will run the project and observe the run-time features of the control.