BootstrapFABActionBase.Badge Property

Specifies an Action’s badge.

Namespace : DevExpress.Web.Bootstrap

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

NuGet Package : DevExpress.Web.Bootstrap

Declaration

C#
VB.NET

csharp

[PersistenceMode(PersistenceMode.InnerProperty)]
public BootstrapBadgeProperties Badge { get; }

<PersistenceMode(PersistenceMode.InnerProperty)>
Public ReadOnly Property Badge As BootstrapBadgeProperties

Property Value

Type	Description
BootstrapBadgeProperties

A BootstrapBadgeProperties object that defines badge properties.

Remarks

The Floating Action Button control can display supplementary information action items and/or action buttons within a badge. A badge can display text and/or an icon.

ASPX

aspx

<dx:BootstrapFloatingActionButton runat="server" ContainerCssSelector="#fab-badge">
    <Items>
        <dx:BootstrapFABActionGroup ContextName="messages" Text="Messages">
            <Badge Text="19" CssClass="badge-light" />
            <Items>
                <dx:BootstrapFABActionItem ActionName="telegram" Text="Telegram" IconCssClass="fab fa-telegram">
                    <Badge Text="14" CssClass="badge-danger" />
                </dx:BootstrapFABActionItem>
                <dx:BootstrapFABActionItem ActionName="skype" Text="Skype" IconCssClass="fab fa-skype">
                    <Badge Text="5" CssClass="badge-danger" />
                </dx:BootstrapFABActionItem>
                <dx:BootstrapFABActionItem ActionName="facebook" Text="Facebook" IconCssClass="fab fa-facebook">
                </dx:BootstrapFABActionItem>
            </Items>
        </dx:BootstrapFABActionGroup>
    </Items>
</dx:BootstrapFloatingActionButton>