BootstrapAccordion Class
In This Article
Represents the web navigation bar control.
Namespace: DevExpress.Web.Bootstrap
Assembly: DevExpress.Web.Bootstrap.v24.2.dll
NuGet Package: DevExpress.Web.Bootstrap
#Declaration
[DXClientDocumentationProviderWeb("BootstrapAccordion")]
[ToolboxTabName("DX.24.2: Bootstrap Controls")]
public class BootstrapAccordion :
ASPxNavBar,
ISimpleRenderControl
#Related API Members
The following members return BootstrapAccordion objects:
#Remarks
Note
The Bootstrap
- The control’s client-side equivalent is represented by the Bootstrap
Client object.Accordion - On the client side, the client object can be accessed directly by the name specified via the ASPx
Nav property.Bar. Client Instance Name - The available client events can be accessed by using the ASPx
Nav property.Bar. Client Side Events
The control’s client-side API is enabled if the ASPx
#Example
This example demonstrates the basic functionality of the Accordion control.
- Initialize a new instance of the
BootstrapAccordion
class. - Add required Accordion groups to the BootstrapAccordion.Groups collection.
- Populate each Accordion group with navigation items using the BootstrapAccordionGroup.Items property.
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>
#Inheritance
See Also