NavBarGroup.GroupStyle Property

Gets or sets the way links are displayed within the current group, or whether to display a custom control within the group.

Namespace: DevExpress.XtraNavBar

Assembly: DevExpress.XtraNavBar.v20.1.dll


public virtual NavBarGroupStyle GroupStyle { get; set; }
Public Overridable Property GroupStyle As NavBarGroupStyle

Property Value

Type Default Description


A NavBarGroupStyle value specifying how the group's content is presented.


Use the GroupStyle property to specify how the group content is presented to an end-user. By default, this property is set to NavBarGroupStyle.Default and this ensures that the group's links are displayed according to the currently applied View.

By setting the GroupStyle property to NavBarGroupStyle.LargeIconsText, NavBarGroupStyle.SmallIconsText, NavBarGroupStyle.LargeIconsList or NavBarGroupStyle.SmallIconsList value, you can explicitly specify a link arrangement mode and whether links are displayed using large or small images, with and without captions.


Not all Views that can be selected using the NavBarControl.PaintStyleName property support all available link arrangement modes. See the NavBarGroupStyle topic for more information.

Setting the GroupStyle property to NavBarGroupStyle.ControlContainer allows you to display any control(s) within the group. See the NavBarGroupControlContainer topic for more information.


The following sample code embeds a DateControl into a NavBarControl's group. To allow control embedding, the NavBarGroup.GroupStyle property is set to ControlContainer. Then, the DateControl is added to the group via the NavBarGroup.ControlContainer property.

The image below shows the result.


DevExpress.XtraEditors.DateControl dc = new DevExpress.XtraEditors.DateControl();

navBarGroup1.GroupStyle = DevExpress.XtraNavBar.NavBarGroupStyle.ControlContainer;
navBarGroup1.GroupClientHeight = dc.Height + 3;
navBarControl1.Width = dc.Width + 3;
See Also