How to change the background color of ContentView and DrawerView in NavigationDrawer?

This article explains guides you on how to change the background color of ContentView and DrawerView in the Winforms NavigationDrawer.

The NavigationDrawer consists of two parts: the DrawerPanelContrainer and the ContentViewContainer. To change their background colors separately, we need to apply the BackColor property of each container, as shown in the following code snippet.

NavigationDrawer navigationDrawer1 = new NavigationDrawer();
this.navigationDrawer1.ContentViewContainer.BackColor = Color.LightSkyBlue;
this.navigationDrawer1.DrawerPanelContainer.BackColor = Color.Blue;
 
DrawerHeader drawerHeader = new DrawerHeader();
DrawerMenuItem drawerMenuItem1 = new DrawerMenuItem();
DrawerMenuItem drawerMenuItem2 = new DrawerMenuItem();
DrawerMenuItem drawerMenuItem3 = new DrawerMenuItem();
DrawerMenuItem drawerMenuItem4 = new DrawerMenuItem();
DrawerMenuItem drawerMenuItem5 = new DrawerMenuItem();
 
this.drawerHeader.HeaderText = "Winforms Controls";
this.drawerMenuItem1.Text = "AutoComplete";
this.drawerMenuItem2.Text = "AutoLabel";
this.drawerMenuItem3.Text = "BannerText";
this.drawerMenuItem4.Text = "BarCode";
this.drawerMenuItem5.Text = "ButtonEdit";
 
this.navigationDrawer1.Items.Add(this.drawerHeader);
this.navigationDrawer1.Items.Add(this.drawerMenuItem1);
this.navigationDrawer1.Items.Add(this.drawerMenuItem2);
this.navigationDrawer1.Items.Add(this.drawerMenuItem3);
this.navigationDrawer1.Items.Add(this.drawerMenuItem4);
this.navigationDrawer1.Items.Add(this.drawerMenuItem5);

Dim navigationDrawer1  As NavigationDrawer = New NavigationDrawer()
Me.navigationDrawer1.ContentViewContainer.BackColor = Color.LightSkyBlue
Me.navigationDrawer1.DrawerPanelContainer.BackColor = Color.Blue
 
Dim drawerHeader As DrawerHeader = New DrawerHeader()
Dim drawerMenuItem1 As DrawerMenuItem = New DrawerMenuItem()
Dim drawerMenuItem2 As DrawerMenuItem = New DrawerMenuItem()
Dim drawerMenuItem3 As DrawerMenuItem = New DrawerMenuItem()
Dim drawerMenuItem4 As DrawerMenuItem = New DrawerMenuItem()
Dim drawerMenuItem5 As DrawerMenuItem = New DrawerMenuItem()
 
Me.drawerHeader.HeaderText = "Winforms Controls"
Me.drawerMenuItem1.Text = "AutoComplete"
Me.drawerMenuItem2.Text = "AutoLabel"
Me.drawerMenuItem3.Text = "BannerText"
Me.drawerMenuItem4.Text = "BarCode"
Me.drawerMenuItem5.Text = "ButtonEdit"
 
Me.navigationDrawer1.Items.Add(Me.drawerHeader)
Me.navigationDrawer1.Items.Add(Me.drawerMenuItem1)
Me.navigationDrawer1.Items.Add(Me.drawerMenuItem2)
Me.navigationDrawer1.Items.Add(Me.drawerMenuItem3)
Me.navigationDrawer1.Items.Add(Me.drawerMenuItem4)
Me.navigationDrawer1.Items.Add(Me.drawerMenuItem5)

Output:

WinForms NavigationDrawer with default background.

Figure 1: NavigationDrawer with default background

WinForms NavigationDrawer with customized background.

Figure 2: NavigationDrawer with a customized background.

Did you find this information helpful?

Yes

Comments (0)

How to change the background color of ContentView and DrawerView in NavigationDrawer?

Output:

Access denied