NavBarGroup.HeaderStyle Property

Gets the style settings for the group’s header.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v24.1.dll

NuGet Package: DevExpress.Web

Declaration

C#

public NavBarGroupHeaderStyle HeaderStyle { get; }

VB.NET

Public ReadOnly Property HeaderStyle As NavBarGroupHeaderStyle

Property Value

Type	Description
NavBarGroupHeaderStyle	A NavBarGroupHeaderStyle object that contains the style settings for the group’s header.

Remarks

The HeaderStyle property provides access to the style settings which define the appearance style of the current group’s header.

The common header style can be applied to all groups within a navbar control by using the navbar’s ASPxNavBar.GroupHeaderStyle property

In order to define a particular header style for the collapsed state of the group, use the NavBarGroup.HeaderStyleCollapsed property.

Example

C#

using DevExpress.Web.ASPxNavBar;
...

protected void Page_Load(object sender, EventArgs e) {
     ASPxNavBar ASPxNavBar1 = new ASPxNavBar();
     ASPxNavBar1.AutoPostBack = true;
     ASPxNavBar1.ShowExpandButtons = false;
     ASPxNavBar1.GroupHeaderStyle.HorizontalAlign = HorizontalAlign.Left;
     ASPxNavBar1.ItemStyle.HorizontalAlign = HorizontalAlign.Center;

     NavBarGroup group1 = new NavBarGroup("Group1");
     NavBarGroup group2 = new NavBarGroup("Group2");

     NavBarItem item1 = new NavBarItem("Item1");
     NavBarItem item2 = new NavBarItem("Item2");
     NavBarItem item3 = new NavBarItem("Item3");

     ASPxNavBar1.Groups.Add(group1);
     ASPxNavBar1.Groups.Add(group2);

     group1.Items.Add(item1);
     group2.Items.Add(item2);
     group2.Items.Add(item3);

     group1.HeaderStyle.BackColor = System.Drawing.Color.White;
     group2.HeaderStyle.BackColor = System.Drawing.Color.Red;

     Page.Form.Controls.Add(ASPxNavBar1);       
}

VB.NET

Imports DevExpress.Web.ASPxNavBar
... 
Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
     Dim ASPxNavBar1 As New ASPxNavBar()
     ASPxNavBar1.AutoPostBack = True
     ASPxNavBar1.ShowExpandButtons = False
     ASPxNavBar1.GroupHeaderStyle.HorizontalAlign = HorizontalAlign.Left
     ASPxNavBar1.ItemStyle.HorizontalAlign = HorizontalAlign.Center

     Dim group1 As New NavBarGroup("Group1")
     Dim group2 As New NavBarGroup("Group2")

     Dim item1 As New NavBarItem("Item1")
     Dim item2 As New NavBarItem("Item2")
     Dim item3 As New NavBarItem("Item3")

     ASPxNavBar1.Groups.Add(group1)
     ASPxNavBar1.Groups.Add(group2)

     group1.Items.Add(item1)
     group2.Items.Add(item2)
     group2.Items.Add(item3)

     group1.HeaderStyle.BackColor = System.Drawing.Color.White
     group2.HeaderStyle.BackColor = System.Drawing.Color.Red

     Page.Form.Controls.Add(ASPxNavBar1)
End Sub