BootstrapAccordionRenderOption Enum

Lists Bootstrap styles that can be applied to an Accordion group.

Namespace: DevExpress.Web.Bootstrap

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

NuGet Package: DevExpress.Web.Bootstrap

Declaration

C#

public enum BootstrapAccordionRenderOption

VB.NET

Public Enum BootstrapAccordionRenderOption

Members

Name	Description
None	Styles are not applied to a group.
Primary	The primary style is applied to a group.
Secondary	The secondary style is applied to a group.
Success	The success style is applied to a group.
Info	The info style is applied to a group.
Warning	The warning style is applied to a group.
Danger	The danger style is applied to a group.
Light	The light style is applied to a group.
Dark	The dark style is applied to a group.

Related API Members

The following properties accept/return BootstrapAccordionRenderOption values:

• AccordionBootstrapSpecificGroupSettings.RenderOption

Remarks

<dx:BootstrapAccordion runat="server" AutoCollapse="true">
    <Groups>
        <dx:BootstrapAccordionGroup Text="Dashboard" TextCssClass="text-dark" Expanded="false">
            <SettingsBootstrap RenderOption="Light" />
                <Items>
                    <dx:BootstrapAccordionItem Text="Tools" />
                    <dx:BootstrapAccordionItem Text="Reports" />
                    <dx:BootstrapAccordionItem Text="Analytics" />
                </Items>
        </dx:BootstrapAccordionGroup>
        <dx:BootstrapAccordionGroup Text="Sales" TextCssClass="text-light" Expanded="false">
            <SettingsBootstrap RenderOption="Primary" />
                <Items>
                    <dx:BootstrapAccordionItem Text="New Sales" />
                    <dx:BootstrapAccordionItem Text="Sales Reports" />
                    <dx:BootstrapAccordionItem Text="Deliveries" />
                </Items>
        </dx:BootstrapAccordionGroup>
        <dx:BootstrapAccordionGroup Text="Messages" TextCssClass="text-light" Expanded="true">
            <SettingsBootstrap RenderOption="Secondary" />
                <Items>
                    <dx:BootstrapAccordionItem Text="Inbox" />
                    <dx:BootstrapAccordionItem Text="Outbox" />
                    <dx:BootstrapAccordionItem Text="Sent" />
                </Items>
        </dx:BootstrapAccordionGroup>
    </Groups>
</dx:BootstrapAccordion>

Note

Online Demo: Accordion - Render Option