All docs
V21.1
21.2 (EAP/Beta)
21.1
20.2
20.1
19.2
The page you are viewing does not exist in version 19.2. This link will take you to the root page.
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.

AccordionBootstrapSpecificGroupSettings.RenderOption Property

Specifies the Bootstrap render style applied to an Accordion group.

Namespace: DevExpress.Web.Bootstrap

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

Declaration

[DefaultValue(BootstrapAccordionRenderOption.None)]
public BootstrapAccordionRenderOption RenderOption { get; set; }

Property Value

Type Default Description
BootstrapAccordionRenderOption

None

A BootstrapAccordionRenderOption enumeration value.

Available values:

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.

Property Paths

You can access this nested property as listed below:

Object Type Path to RenderOption
BootstrapAccordionGroup
.SettingsBootstrap.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

See Also