Skip to main content
Tab

FABActionGroup Class

Represents the floating action button’s action group.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v24.1.dll

NuGet Package: DevExpress.Web

Declaration

public class FABActionGroup :
    FABActionBase

Remarks

The floating action button’s action group serves as a container for multiple actions. When pressed, the floating action button expands nested actions.

<dx:ASPxFloatingActionButton ID="ASPxFloatingActionButton1" runat="server" ClientInstanceName="fab" ContainerElementID="content">
    <ClientSideEvents Init="OnInit" />
    <Items>
        <dx:FABActionGroup ContextName="ShareItemContext" Text="Share">
            <ExpandImage Url="../Content/FloatingActionButton/Images/Share.svg"></ExpandImage>
            <Items>
                <dx:FABActionItem ActionName="Email">
                    <Image Url="../Content/FloatingActionButton/Images/Email.svg"></Image>
                </dx:FABActionItem>
            ...
            </Items>
        </dx:FABActionGroup>
    ...
    </Items>
</dx:ASPxFloatingActionButton>

Concept

Floating Action Button

Online Demos

See Also