aspnetbootstrap-devexpress-dot-web-dot-bootstrap-ccfcecf9.md
Lists Bootstrap styles that can be applied to an Accordion group.
Namespace : DevExpress.Web.Bootstrap
Assembly : DevExpress.Web.Bootstrap.v25.2.dll
NuGet Package : DevExpress.Web.Bootstrap
public enum BootstrapAccordionRenderOption
Public Enum BootstrapAccordionRenderOption
| 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.
|
The following properties accept/return BootstrapAccordionRenderOption values:
<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