# Filling Out the Accordion Height

## Content

The default behavior of an accordion pane ([C1AccordionItem](/componentone/api/wpf/online-extended/dotnet-framework-api/C1.WPF.Extended.4.6.2/C1.WPF.Extended.C1AccordionItem.html)) is to fill only to the height (for accordions that expand up or down) or width (for accordions that expand right or left) of its contents. If you want the [C1Accordion](/componentone/api/wpf/online-extended/dotnet-framework-api/C1.WPF.Extended.4.6.2/C1.WPF.Extended.C1Accordion.html) control to fill to a specific height or width, you will have to set the height or width of the control and then set the control's [C1Accordion.Fill](/componentone/api/wpf/online-extended/dotnet-framework-api/C1.WPF.Extended.4.6.2/C1.WPF.Extended.C1Accordion.Fill.html) property to True.

**At Design Time in Design view**

To set the **Fill** property in Design view, complete the following steps:

1. Add three accordion panes to your **C1Accordion** control (see [Adding Accordion Panes to the C1Accordion Control](/componentone/docs/wpf/online-extended/Accordion/AccordionTask-BasedHelp/AddingAccordionPanestothC1Accordion)).
2. Click the **C1Accordion** control once to select it.

In the Properties window, complete the following:

* Select the Fill check box.
* Set the Height property to "200".

**In XAML**

To set the **C1Accordion.Fill** property to **True** in XAML, complete the following:

1. Add **Fill="True"** to the `<c1ext:C1Accordion>` tag so that it appears similar to the following:

```xml
<c1ext:C1Accordion Name="C1Accordion1" Fill="True">
```

2. Add **Height="200"** to the `<c1ext:C1Accordion>` tag so that it appears similar to the following:

```xml
<c1ext:C1Accordion Name="C1Accordion1" Fill="True" Height="200">
```

**In Code**

To set the **C1Accordion.Fill** property in code, complete the following steps:

1. Add and **Height="200"** to the `<c1ext:C1Accordion>`  tag. This ensures that each accordion pane expands to fill a height of 200 pixels.
2. Enter Code view and add the following code beneath the **InitializeComponent()** method:

```vbnet
C1Accordion1.Fill = True
```

```csharp
c1Accordion1.Fill = true;
```

3. Run the program.