ASPxClientFloatingActionButtonActionCollapsingEventArgs.collapseReason Property

Specifies whether the user action or APIs has collapsed the action group.

Declaration

collapseReason: ASPxClientFloatingActionButtonCollapseReason

Property Value

Type	Description
ASPxClientFloatingActionButtonCollapseReason	One of the enumeration values.

Remarks

ASPX

<dx:ASPxFloatingActionButton ID="ASPxFloatingActionButton1" runat="server" ClientInstanceName="fab" HorizontalMargin="35" ContainerElementID="form1"> 
    <ClientSideEvents  
        ActionExpanding="OnActionExpanding"
    /> 
    <Items> 
        <dx:FABAction ActionName="NewRow" ContextName="NewRowContext">
        </dx:FABAction>
        <dx:FABActionGroup ContextName="FocusedRowContext">
            <ExpandImage Url="../Content/FloatingActionButton/Images/EditRowContext.svg"></ExpandImage>
            <Items>
            ...
            </Items>
        </dx:FABActionGroup>
        ...
    </Items> 
</dx:ASPxFloatingActionButton> 

JS

function onActionCollapsing(s, e) {
    if (e.contextName === "UpDown" && e.collapseReason === ASPxClientFloatingActionButtonCollapseReason.ActionButton) {
        setTimeout(function () {
            fab.SetActionContext(null);
            fab.SetActionContext("UpDown", true);
        }, 100);
    }
}

Online Demo

External Floating Action Button for GridView