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 OutlookBar 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 OutlookBar, 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. For each GroupView control in the GroupBar set the following non-default property values:


this.groupView1.BackColor = SystemColors.ControlDark;

this.groupView1.ForeColor = SystemColors.HighlightText;

this.groupView1.ItemXSpacing = 8;

this.groupView1.ItemYSpacing = 8;

this.groupView1.ClipSelectionBounds = true;

this.groupView1.HighlightImage = true;

this.groupView1.HighlightText = false;

this.groupView1.TextWrap = false;

// For Large Image View

this.groupView1.SmallImageView = false;

this.groupView.ImageSpacing = 8;

// For Small Image View

this.groupView.SmallImageView = true;

this.groupView.ImageSpacing = 3;


Me.groupView1.BackColor = SystemColors.ControlDark

Me.groupView1.ForeColor = SystemColors.HighlightText

Me.groupView1.ItemXSpacing = 8

Me.groupView1.ItemYSpacing = 8

Me.groupView1.ClipSelectionBounds = True

Me.groupView1.HighlightImage = True

Me.groupView1.HighlightText = False

Me.groupView1.TextWrap = False

' For Large Image View

Me.groupView1.SmallImageView = False

Me.groupView.ImageSpacing = 8

' For Small Image View

Me.groupView.SmallImageView = True

Me.groupView.ImageSpacing = 3

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