Skip to main content
Tab

ASPxNavBar.Paddings Property

Gets the padding settings of the navbar control.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v22.1.dll

NuGet Package: DevExpress.Web

Declaration

public Paddings Paddings { get; }

Property Value

Type Description
Paddings

A Paddings object that contains padding settings.

Remarks

The Paddings property provides access to the padding settings which are defined by the navbar control. Paddings defined at the navbar level are considered as the amount of spaces between the outer boundary of the navbar control and the boundaries of its groups.

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