Support: How to implement a Microsoft OutlookBar type UI using the GroupBar and GroupView controls : Syncfusion

Windows Forms GroupBar Navigation Package

How to implement a Microsoft OutlookBar type UI using the GroupBar and GroupView controls

(Views :1255)

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