Skip to main content
All docs
V25.1
  • AccordionBootstrapSpecificGroupSettings.RenderOption Property

    Specifies the Bootstrap render style applied to an Accordion group.

    Namespace: DevExpress.Web.Bootstrap

    Assembly: DevExpress.Web.Bootstrap.v25.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

    html
    <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