# Changing the Splitter Width

## Content

You can easily widen the splitter bar using the [SplitterWidth](/componentone/docs/win/online-splitcontainer/) property. In this topic, you will learn how to set the SplitterWidth property in design view and in code.

### In Design View:

Complete the following steps:

1. Add the [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** once to add another panel to the **C1SplitContainer** control.
4. In the C1SplitContainer Properties window, set the SplitterWidth property to “40”.

### In Code View:

Complete the following steps:

1. Add the **C1.Win.C1SplitContainer.dll** reference to your project.
2. Declare the following **C1.Win.C1SplitContainer** namespace at the top of your code page:
<br>
    ```vbnet
    Imports C1.Win.C1SplitContainer
    ```

    ```csharp
    using C1.Win.C1SplitContainer;
    ```
3. Add the following code in the **Form\_Load** event:
<br>
    ```vbnet
    Private Sub Form1_Load(sender As Object, e As EventArgs)
       'create new splitcontainer
       Dim split As New C1SplitContainer()
        'create a new panel for the split container
       Dim panel1 As New C1SplitterPanel()
       Dim panel2 As New C1SplitterPanel()
         'add the panels to the splitcontainer
       split.Panels.Add(panel1)
       split.Panels.Add(panel2)
        panel1.Text = "Panel 1"
       panel2.Text = "Panel 2"
        'set the splitter width to 40 pixels
       Split.SplitterWidth = 40
       'add the splitcontainer
       Controls.Add(split)
    End Sub
    ```

    ```csharp
    private void Form1_Load(object sender, EventArgs e)
    {
       //create new splitcontainer
       C1SplitContainer split = new C1SplitContainer();
        //create a new panel for the split container
       C1SplitterPanel panel1 = new C1SplitterPanel();
       C1SplitterPanel panel2 = new C1SplitterPanel();
        //add panel1 to the splitcontainer
       split.Panels.Add(panel1);
       split.Panels.Add(panel2);
        panel1.Text = "Panel 1";
       panel2.Text = "Panel 2";
       //set the splitter width to 40 pixels
       split.SplitterWidth = 40;
        //add the splitcontainer
       Controls.Add(split);
    }
    ```
4. 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**:

The following image displays a vertical C1SplitContainer with its SplitterWidth property set to 40 pixels:

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

## See Also

[Creating Different Split Types](/componentone/docs/win/online-splitcontainer/splitcontainerforwin3/creatingdifferentspl)