Category / Section
How to implement a Microsoft OutlookBar type UI using the WinForms GroupBar and GroupView controls?
1 min read
GroupBar and GroupView control
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:
C#
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;
VB
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