Skip to main content

BootstrapFABActionBootstrapSpecificSettings.RenderOption Property

Specifies Bootstrap-specific styles that can be applied to the Floating Action Button.

Namespace: DevExpress.Web.Bootstrap

Assembly: DevExpress.Web.Bootstrap.v23.2.dll

NuGet Package: DevExpress.Web.Bootstrap

Declaration

[DefaultValue(BootstrapFloatingActionButtonRenderOption.Default)]
public BootstrapFloatingActionButtonRenderOption RenderOption { get; set; }

Property Value

Type Default Description
BootstrapFloatingActionButtonRenderOption Default

A BootstrapFloatingActionButtonRenderOption enumeration’s value that specifies the render style.

Available values:

Name Description
Default

Default. A control renders with its default styles.

Primary

The primary style is applied to a control.

Secondary

The secondary style is applied to a control.

Success

The success style is applied to a control.

Info

The info style is applied to a control.

Warning

The warning style is applied to a control.

Danger

The danger style is applied to a control.

Light

The light style is applied to a control.

Dark

The dark style is applied to a control.

Property Paths

You can access this nested property as listed below:

Object Type Path to RenderOption
BootstrapFABActionBase
.SettingsBootstrap .RenderOption
BootstrapFABActionItem
.SettingsBootstrap .RenderOption

Remarks

BootstrapFAB_RenderOption

<dx:BootstrapFloatingActionButton ClientInstanceName="fab" runat="server" ContainerCssSelector="#render-option" InitialActionContext="cSuccess">
    <Items>
        <dx:BootstrapFABAction ActionName="action" ContextName="cDanger">
            <SettingsBootstrap RenderOption="Danger" />
        </dx:BootstrapFABAction>
        <dx:BootstrapFABAction ActionName="action" ContextName="cDark">
            <SettingsBootstrap RenderOption="Dark" />
        </dx:BootstrapFABAction>
        <%-- ... --%>
    </Items>
</dx:BootstrapFloatingActionButton>
See Also