# Collapsing Items in C1OutlookBar

## Content



Collapsing items is different than collapsing the [C1OutlookBar](/componentone/api/wpf/online-outlookbar/dotnet-framework-api/C1.WPF.OutlookBar.4.6.2/C1.WPF.OutlookBar.C1OutlookBar.html) control. [C1OutlookBar](/componentone/api/wpf/online-outlookbar/dotnet-framework-api/C1.WPF.OutlookBar.4.6.2/C1.WPF.OutlookBar.C1OutlookBar.html) provides a draggable splitter bar between the **Item Content** region and the **Item Buttons** region. When the splitter bar is dragged downward, items collapse into the **Collapsed Item Panel**.

Notice in the following image, when the splitter bar is dragged downward, the **Tasks** item collapses into the collapsed item panel.

![](https://cdn.mescius.io/document-site-files/images/db635c5e-6066-484d-b52e-211cb3bb2abd/imagesext/image12_8.png)

You can have the [C1OutlookBar](/componentone/api/wpf/online-outlookbar/dotnet-framework-api/C1.WPF.OutlookBar.4.6.2/C1.WPF.OutlookBar.C1OutlookBar.html) open with items appearing in the **Item Buttons** and certain items collapsed in the **Collapsed Item Panel**. Use the [FirstOverflowIndex](/componentone/api/wpf/online-outlookbar/dotnet-framework-api/C1.WPF.OutlookBar.4.6.2/C1.WPF.OutlookBar.C1OutlookBar.FirstOverflowIndex.html) property to determine which items should be sent to the **Collapsed Item Panel** based on their index.

For example, in the previous image, the **Tasks** item was the third item in the [C1OutlookBar](/componentone/api/wpf/online-outlookbar/dotnet-framework-api/C1.WPF.OutlookBar.4.6.2/C1.WPF.OutlookBar.C1OutlookBar.html). If we set the [FirstOverflowIndex](/componentone/api/wpf/online-outlookbar/dotnet-framework-api/C1.WPF.OutlookBar.4.6.2/C1.WPF.OutlookBar.C1OutlookBar.FirstOverflowIndex.html) property to 2, any items after the first two, which are considered the overflow items, are sent to the **Collapsed Item Panel**.

You can set the [FirstOverflowIndex](/componentone/api/wpf/online-outlookbar/dotnet-framework-api/C1.WPF.OutlookBar.4.6.2/C1.WPF.OutlookBar.C1OutlookBar.FirstOverflowIndex.html) property in XAML:

```auto
<c1:C1OutlookBarFirstOverflowIndex="2">
```

Or set it in the Visual Studio properties window.