NavBarGroup.HeaderTemplateCollapsed Property

Gets or sets a template used for displaying the content of the group’s header when the group is in a collapsed state.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v21.1.dll


public virtual ITemplate HeaderTemplateCollapsed { get; set; }

Property Value

Type Default Description


An object supporting the System.Web.UI.ITemplate interface which contains the template used for displaying the content of the collapsed group’s header.


Use the HeaderTemplateCollapsed property to control the contents of the header for the collapsed state of the current group. The template defined using this property replaces the content of the group header (in particular, the image and text associated with the header) when the group is collapsed.

Note that any style settings defined for the header via the specific properties (such as the ASPxNavBar.GroupHeaderStyleCollapsed or NavBarGroup.HeaderStyleCollapsed) are still in effect for the collapsed group’s header, whose content is specified through using the HeaderTemplateCollapsed property.

In order to define a common content for all headers of the collapsed groups within a navbar control, the navbar’s ASPxNavBar.GroupHeaderTemplateCollapsed property can be used.


Once a template defined via the HeaderTemplateCollapsed property is created within a tab control, it is instantiated within a container object of the NavBarGroupTemplateContainer type. This container object exposes a set of specific properties to which the template’s child controls can be bound.



If you defined the HeaderTemplate template content and had not defined the HeaderTemplateCollapsed template, the HeaderTemplateCollapsed template content will be automatically generated. All the controls within the HeaderTemplate content will be automatically added to the HeaderTemplateCollapsed template content (with the new Control.ID property value). It is recommended that you define the template content for both HeaderTemplate and HeaderTemplateCollapsed.


This example demonstrates how to modify the ASPxNavBar‘s group header content.

using DevExpress.Web.ASPxNavBar;
protected void Page_Load(object sender, EventArgs e) {
     NavBarGroup group1 = new NavBarGroup("group1", "group1");
     NavBarItem item1 = new NavBarItem("item1", "item1");


     group1.HeaderTemplate = new MyTemplate();
     group1.HeaderTemplateCollapsed = new MyTemplate1();


public class MyTemplate : ITemplate {
     void ITemplate.InstantiateIn(Control container) {
          Label label = new Label();
          label.Text = "The group is expanded";

public class MyTemplate1 : ITemplate {
     void ITemplate.InstantiateIn(Control container) {
          Label label2 = new Label();
          label2.Text = "The group is collapsed";