AccordionBootstrapSpecificGroupSettings.RenderOption Property

Specifies the Bootstrap render style applied to an Accordion group.

Namespace: DevExpress.Web.Bootstrap

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

NuGet Package: DevExpress.Web.Bootstrap

Declaration

C#

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

VB.NET

<DefaultValue(BootstrapAccordionRenderOption.None)>
Public Property RenderOption As BootstrapAccordionRenderOption

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