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 : Nov 16th 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


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

Article ID: Published Date: Last Revised Date: Platform: Control:
1058 04/30/2011 07/10/2014 WinForms GroupBar
Did you find this information helpful?
Add Comment
You must log in to leave a comment

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