Back to Devexpress

BootstrapAccordionItemCollection Class

aspnetbootstrap-devexpress-dot-web-dot-bootstrap-e682fe85.md

latest3.7 KB
Original Source

BootstrapAccordionItemCollection Class

Represents a collection of items within a group.

Namespace : DevExpress.Web.Bootstrap

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

NuGet Package : DevExpress.Web.Bootstrap

Declaration

csharp
public class BootstrapAccordionItemCollection :
    NavBarItemCollection
vb
Public Class BootstrapAccordionItemCollection
    Inherits NavBarItemCollection

The following members return BootstrapAccordionItemCollection objects:

Example

This example demonstrates the basic functionality of the Accordion control.

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 StateManagedCollectionBase Collection Collection<NavBarItem> NavBarItemCollection BootstrapAccordionItemCollection

See Also

BootstrapAccordionItemCollection Members

DevExpress.Web.Bootstrap Namespace