Skip to main content
Tab

ASPxNavBar.ExpandGroupAction Property

Gets or sets a value that specifies which action forces a group to be expanded/collapsed within a nav bar control.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v22.1.dll

Declaration

[DefaultValue(ExpandGroupAction.Click)]
public ExpandGroupAction ExpandGroupAction { get; set; }

Property Value

Type Default Description
ExpandGroupAction Click

One of the ExpandGroupAction enumeration values.

Available values:

Name Description
Click

Specifies that a navbar group can be expanded/collapsed by a mouse click.

MouseOver

Specifies that a navbar group can be expanded/collapsed via mouse hover.

Remarks

Use the ExpandGroupAction property to specify the precise client mouse action which will expand/collapse a group within a nav bar control - mouse click (the ExpandGroupAction.Click value) or hovering (the ExpandGroupAction.MouseOver value).

Example

This example demonstrates how to automatically expand a NavBarGroup when the mouse hovers over a group header. This functionality is turned on by setting the ExpandGroupAction property to MouseOver, and it may be extremely useful for the NavBar with AutoCollapse set to True and when all groups have the same height.

View Example

<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/App_Data/Charts.xml" XPath="//Chart" />

<dxnb:ASPxNavBar Width="600px" ClientInstanceName="ASPxNavBarClientControl" ID="ASPxNavBar1" runat="server" DataSourceID="XmlDataSource1" EnableAnimation="True" OnGroupDataBound="ASPxNavBar1_GroupDataBound" AutoCollapse="True" ExpandGroupAction="MouseOver" Font-Bold="False" Font-Names="Tahoma" Font-Size="8pt" GroupSpacing="1px">
    <GroupContentTemplate>
        <table border="0" cellpadding="0" cellspacing="0"><tr>
        <td valign="top"><dxe:ASPxImage ID="Image1" runat="server" ImageUrl='<%# Container.EvalDataItem("BigImageUrl") %>' AlternateText='<%# Container.EvalDataItem("View") %>' /></td>
        <td valign="top" style="padding-left: 10px; color: #9D9D9D;"><div class="Hint"><dxe:ASPxLabel ID="Label2" runat="server" Text='<%# Container.EvalDataItem("Description") %>' /></div></td>
        </tr></table>
    </GroupContentTemplate>
    <GroupContentStyle>
        <Paddings Padding="7px" />
        <Border BorderWidth="0px" />
    </GroupContentStyle>
    <GroupHeaderStyle BackColor="#888888" Font-Bold="True" Font-Underline="False" ForeColor="White">
        <Paddings Padding="3px" PaddingLeft="7px" />
        <Border BorderWidth="0px" />
    </GroupHeaderStyle>
    <Paddings Padding="1px" />
    <Border BorderColor="#A8A8A8" BorderStyle="Solid" BorderWidth="1px" />
</dxnb:ASPxNavBar>        
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Xml;
using DevExpress.Web.ASPxNavBar;

public partial class _Default : System.Web.UI.Page {
    protected void Page_Load(object sender, EventArgs e) {
    }
    protected void ASPxNavBar1_GroupDataBound(object source, NavBarGroupEventArgs e) {
        IHierarchyData hierarchyData = (e.Group.DataItem as IHierarchyData);
        XmlElement xmlElement = hierarchyData.Item as XmlElement;
        XmlAttributeCollection attributes = xmlElement.Attributes;
        if(xmlElement.Attributes["View"] != null)
            e.Group.Text = xmlElement.Attributes["View"].Value;
    }
}
See Also