BootstrapAccordionItem Class

Represents an individual item within the BootstrapAccordion control.

Namespace: DevExpress.Web.Bootstrap

Assembly: DevExpress.Web.Bootstrap.v24.2.dll

Declaration

C#

public class BootstrapAccordionItem :
    NavBarItem,
    IBSBadgeOwner

VB.NET

Public Class BootstrapAccordionItem
    Inherits NavBarItem
    Implements IBSBadgeOwner

Related API Members

The following members return BootstrapAccordionItem objects:

Show 17 links

• BootstrapAccordion.SelectedItem
• BootstrapAccordionItemCollection.Add()
• BootstrapAccordionItemCollection.Add(String, String, String, String, String)
• BootstrapAccordionItemCollection.Add(String, String, String, String)
• BootstrapAccordionItemCollection.Add(String, String, String)
• BootstrapAccordionItemCollection.Add(String, String)
• BootstrapAccordionItemCollection.Add(String)
• BootstrapAccordionItemCollection.Find(Predicate<BootstrapAccordionItem>)
• BootstrapAccordionItemCollection.FindByName(String)
• BootstrapAccordionItemCollection.FindByText(String)
• BootstrapAccordionItemCollection.GetVisibleItem(Int32)
• BootstrapAccordionItemCollection.Item[Int32]
• BootstrapAccordionItemCommandEventArgs.Item
• BootstrapAccordionItemEventArgs.Item
• BootstrapAccordionItems.FindByName(String)
• BootstrapAccordionItems.FindByText(String)
• BootstrapAccordionItems.Item[Int32]

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:

ASPX

<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

Object

StateManager

CollectionItem

NavBarItem

BootstrapAccordionItem