aspnetbootstrap-devexpress-dot-web-dot-bootstrap-ee2b8f41.md
Represents the web navigation bar control.
Namespace : DevExpress.Web.Bootstrap
Assembly : DevExpress.Web.Bootstrap.v25.2.dll
NuGet Package : DevExpress.Web.Bootstrap
[DXClientDocumentationProviderWeb("BootstrapAccordion")]
[ToolboxTabName("DX.25.2: Bootstrap Controls")]
public class BootstrapAccordion :
ASPxNavBar,
ISimpleRenderControl
<ToolboxTabName("DX.25.2: Bootstrap Controls")>
<DXClientDocumentationProviderWeb("BootstrapAccordion")>
Public Class BootstrapAccordion
Inherits ASPxNavBar
Implements ISimpleRenderControl
The following members return BootstrapAccordion objects:
Note
The BootstrapAccordion control provides you with comprehensive client-side functionality implemented using JavaScript code:
The control’s client-side API is enabled if the ASPxNavBar.EnableClientSideAPI property is set to true, or the ASPxNavBar.ClientInstanceName property is defined, or any client event is handled.
This example demonstrates the basic functionality of the Accordion control.
BootstrapAccordion class.The image below shows the result:
<dx:BootstrapAccordion runat="server">
<Groups>
<dx:BootstrapAccordionGroup Text="Tables">
<Items>
<dx:BootstrapAccordionItem Text="Users" IconCssClass="fa fa-user">
</dx:BootstrapAccordionItem>
<dx:BootstrapAccordionItem Text="Tasks" IconCssClass="fa fa-tasks">
</dx:BootstrapAccordionItem>
<dx:BootstrapAccordionItem Text="Scheduler" IconCssClass="fa fa-calendar">
</dx:BootstrapAccordionItem>
</Items>
</dx:BootstrapAccordionGroup>
<dx:BootstrapAccordionGroup Text="Analysis">
<Items>
<dx:BootstrapAccordionItem Text="Dashboard" IconCssClass="fa fa-dashboard">
</dx:BootstrapAccordionItem>
<dx:BootstrapAccordionItem Text="KPI" IconCssClass="fa fa-percent">
</dx:BootstrapAccordionItem>
</Items>
</dx:BootstrapAccordionGroup>
</Groups>
</dx:BootstrapAccordion>
Object Control WebControl ASPxWebControlBase ASPxWebControl ASPxDataWebControlBase ASPxHierarchicalDataWebControl ASPxNavBar BootstrapAccordion
See Also