BootstrapFABActionGroup Class

Represents the Floating Action Button‘s Action Group.

Namespace: DevExpress.Web.Bootstrap

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

NuGet Package: DevExpress.Web.Bootstrap

Declaration

C#

public class BootstrapFABActionGroup :
    BootstrapFABActionBase

VB.NET

Public Class BootstrapFABActionGroup
    Inherits BootstrapFABActionBase

Remarks

The Floating Action Button’s action group serves as a container for multiple actions. When pressed, the floating action button expands nested actions stored in the Items collection.

ASPX

<dx:BootstrapFloatingActionButton ID="FABActionGroup" runat="server" ContainerCssSelector="#action-group">
    <ClientSideEvents Init="onActionGroupInit" />
    <Items>
        <dx:BootstrapFABActionGroup ContextName="c1">
            <Items>
                <dx:BootstrapFABActionItem ActionName="comment" Text="Comment" IconCssClass="far fa-comment"></dx:BootstrapFABActionItem>
                <dx:BootstrapFABActionItem ActionName="like" Text="Like" IconCssClass="far fa-thumbs-up"></dx:BootstrapFABActionItem>
            </Items>
        </dx:BootstrapFABActionGroup>
    </Items>
    <ClientSideEvents ActionItemClick="onFloatingActionButtonActionItemClick"  />
</dx:BootstrapFloatingActionButton>

C#

function onFloatingActionButtonActionItemClick(s, e) {
    dxbsDemo.showToast("The '" + e.actionName + "' action item has been clicked.");
}
function onActionGroupInit(s, e) {
    s.SetActionContext("c1", true);
}

Note

To see Bootstrap Floating Action Button and its features in action, refer the links below:

• Floating Action Button Demos
• Grid View Demos - Editing with Floating Action Button
• Scheduler Demos - Floating Action Button

Inheritance

Object

StateManager

CollectionItem

FABCollectionItemBase

FABActionBase

BootstrapFABActionBase

BootstrapFABActionGroup