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 |
| Secondary | The |
| Success | The |
| Info | The |
| Warning | The |
| Danger | The |
| Light | The |
| Dark | The |
Property Paths
You can access this nested property as listed below:
| Object Type | Path to RenderOption |
|---|---|
| BootstrapAccordionGroup |
|
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
Feedback