Skip to main content

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

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:

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>

Accordion - Render Option

Note

Online Demo: Accordion - Render Option

See Also