We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to implement a Microsoft Visual Studio.NET toolbox type UI using the GroupBar and GroupView controls

Platform: WinForms |
Control: GroupBar |
Published Date: April 30, 2011 |
Last Revised Date: July 10, 2014


To clone the Microsoft VS.NET toolbox window, the GroupBar and GroupView controls need to be used together in a container(GroupBar) - client(GroupView) relation such that the resulting composite control provides the required UI. The following sequence illustrates the steps involved,

1. Using the steps outlined in Knowledge Base articles, How do I create and initialize a GroupBar control? and How do I create and initialize a GroupView control?, create the GroupBar and GroupView controls.

2. Select the GroupBar control and using the property browser set the following non-default property values:


this.groupBar1.TextAlign = TextAlignment.Left;

this.groupBar1.BarHighlight = false;

this.groupBar1.GroupBarItemHeight = 18;

this.groupBar1.IntegratedScrolling = true;


Me.groupBar1.TextAlign = TextAlignment.Left

Me.groupBar1.BarHighlight = False

Me.groupBar1.GroupBarItemHeight = 18

Me.groupBar1.IntegratedScrolling = True

3. Select each GroupView control in turn and using the property browser set the following property values:


this.groupView1.SmallImageView = true;

this.groupView1.ButtonView = true;

this.groupView1.BackColor = SystemColors.Control;

this.groupView1.ForeColor = SystemColors.ControlText;

this.groupView1.SelectingItemColor = ControlPaint.Light(SystemColors.ControlLight);

this.groupView1.SelectedItemColor = ControlPaint.Light(SystemColors.ControlLight);

this.groupView1.HighlightImage = true;

this.groupView1.HighlightText = true;

GroupView1.TextWrap = false;

// For List type view

this.groupView1.FlowView = false;

this.groupView1.ImageSpacing = 2;

this.groupView1.ItemXSpacing = 8;

this.roupView1.ItemYSpacing = 1;

// For Flow type view

this.groupView1.FlowView = true;

this.groupView1.ImageSpacing = 5;

this.groupView1.ItemXSpacing = 0;

this.groupView1.ItemYSpacing = 0;


Me.groupView1.SmallImageView = True;

Me.groupView1.ButtonView = True;

Me.groupView1.BackColor = SystemColors.Control;

Me.groupView1.ForeColor = SystemColors.ControlText;

Me.groupView1.SelectingItemColor = ControlPaint.Light(SystemColors.ControlLight);

Me.groupView1.SelectedItemColor = ControlPaint.Light(SystemColors.ControlLight);

Me.groupView1.HighlightImage = True;

Me.groupView1.HighlightText = True;

GroupView1.TextWrap = False;

' For List type view

Me.groupView1.FlowView = False;

Me.groupView1.ImageSpacing = 2;

Me.groupView1.ItemXSpacing = 8;

Me.roupView1.ItemYSpacing = 1;

' For Flow type view

Me.groupView1.FlowView = True;

Me.groupView1.ImageSpacing = 5;

Me.groupView1.ItemXSpacing = 0;

Me.groupView1.ItemYSpacing = 0;

2X faster development

The ultimate WinForms UI toolkit to boost your development speed.
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon