# Changing the Background Color of Panels

## Content

You can quickly set the background color of the C1SplitterPanels using the **C1SplitterPanel.BackColor** property. In this topic, you'll learn how to apply different colors to each panel of the [C1SplitContainer](/componentone/docs/win/online-splitcontainer/) control in design view and in code.

### In Design View:

Complete the following steps:

1. Add the C1SplitContainer to the form.
2. Click on the C1SplitContainer’s smart tag to open its tasks menu.
3. Select **Edit Panels** from the **C1SplitContainer Tasks Menu**. The **C1SplitContainer.Panels Collection Editor** appears.
4. Click Panel 1’s **BackColor** drop-down arrow, select the **Web** tab, and choose **LightBlue** from the list and click **OK** to save and close the **C1SplitContainer.Panels Collection Editor**.


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

### 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:

    ```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()
          'add the panel to the splitcontainer
       split.Panels.Add(panel1)
         panel1.Text = "Panel 1"
         ‘set Panel 1 backcolor to lightblue
       Panel.BackColor = Color.LightBlue
        '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();
        //add panel1 to the splitcontainer
       split.Panels.Add(panel1);
       panel1.Text = "Panel 1";
       //set Panel 1 backcolor to lightblue
       Panel.BackColor = Color.LightBlue;
       //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 image below shows Panel 1 with a **LightBlue** background.

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

## See Also

[Changing the Border Color](/componentone/docs/win/online-splitcontainer/splitcontainerforwin3/changingthec1splitco/changingthebordercol)