Skip to main content

ASPxClientFloatingActionButton.ActionExpanding Event

Occurs on the client side when an end user expands an action group.

#Declaration

TypeScript
ActionExpanding: ASPxClientEvent<ASPxClientFloatingActionButtonActionExpandingEventHandler<ASPxClientFloatingActionButton>>

#Event Data

The ActionExpanding event's data class is ASPxClientFloatingActionButtonActionExpandingEventArgs. The following properties provide information specific to this event:

Property Description
contextName Specifies the FAB action’s context name.

#Remarks

Note

Refer to the Floating Action Button topic for more information.

The following code snippet illustrates how to use the ActionExpanding event.

<dx:ASPxFloatingActionButton ID="ASPxFloatingActionButton1" runat="server" ClientInstanceName="fab" HorizontalMargin="35" ContainerElementID="form1">
        <ClientSideEvents 
            ActionItemClick="OnActionItemClick"
            ActionExpanding="OnActionExpanding"
        />
        <Items>
            <dx:FABActionGroup ContextName="FocusedRowContext">
                <ExpandImage Url="../Content/FloatingActionButton/Images/EditRowContext.svg"></ExpandImage>
                <Items>
                    <dx:FABActionItem ActionName="DeleteRow" Text="Delete">
                        <Image Url="../Content/FloatingActionButton/Images/Delete.svg"></Image>
                    </dx:FABActionItem>
                    <dx:FABActionItem ActionName="EditRow" Text="Edit">
                        <Image Url="../Content/FloatingActionButton/Images/Edit.svg"></Image>
                    </dx:FABActionItem>
                </Items>
            </dx:FABActionGroup>
         ...
        </Items>
    </dx:ASPxFloatingActionButton>
See Also