# Setting a Collapsible Splitter Panel

## Content

To create a collapsed panel, use the [Collapsible](/componentone/docs/win/online-splitcontainer/) property. In this topic, you will learn how to set the Collapsible property in design view and in code.

For more information on collapsed and expanded panels, see [Collapsible and Expandable Panels](/componentone/docs/win/online-splitcontainer/splitterpanelbehavio/collapsibleandexpand).

### In Design View

Complete the following steps:

1. Add [C1SplitContainer](/componentone/docs/win/online-splitcontainer/) to the form.
2. Click on the C1SplitContainer’s smart tag to open its tasks menu.
3. Select **Add Panel** to add a panel to the **C1SplitContainer** control.
4. Click inside **Panel 1** and open its tasks menu. The C1SplitterPanel Tasks menu appears.
    ![](https://cdn.mescius.io/document-site-files/images/91a148ff-850c-4b63-a7b5-d269cf16bcf7/imagesext/image9_16.png)
5. Check **Collapsible** to make Panel 1 collapsible and expandable.

### In Code

Complete the following steps:

1. Declare the following namespace into your project:
<br>
    ```vbnet
    Imports C1.Win.C1SplitContainer
    ```

    ```csharp
    using C1.Win.C1SplitContainer;
    ```
2. Add the following code, which sets the Collapsible property, to the **Form\_Load** event:
<br>
    ```vbnet
    Panel1.Collapsible = True
    ```

    ```csharp
    Panel1.Collapsible = True;
    ```
3. Run the program.


![](https://cdn.mescius.io/document-site-files/images/91a148ff-850c-4b63-a7b5-d269cf16bcf7/imagesext/image9_0.png)**This topic illustrates the following**:

**Panel1** is collapsed.

<br>
![](https://cdn.mescius.io/document-site-files/images/91a148ff-850c-4b63-a7b5-d269cf16bcf7/imagesext/image9_17.png)

To expand the panel, simply click the expand button.