ASPxClientFloatingActionButton.SetActionContext(contextName) Method

Specifies the action by the context name.

Declaration

SetActionContext(
    contextName: string,
    expand?: boolean
): void

Parameters

Name	Type	Description
contextName	string	A string value that specifies the context name.
expand	boolean	true, to expand the action group; otherwise, false.

Remarks

Use the ASPxClientFloatingActionButton.GetActionContext to gets the action by its context name.

ASPX

<dx:ASPxFloatingActionButton ClientInstanceName="fab" ...>
    <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>
                <dx:FABActionItem ActionName="Copy">
                    <Image Url="../Content/FloatingActionButton/Images/Copy.svg"></Image>
                </dx:FABActionItem>
                <dx:FABActionItem ActionName="GooglePlus">
                    <Image Url="../Content/FloatingActionButton/Images/GooglePlus.svg"></Image>
                </dx:FABActionItem>
                <dx:FABActionItem ActionName="Facebook">
                    <Image Url="../Content/FloatingActionButton/Images/Facebook.svg"></Image>
                </dx:FABActionItem>
            </Items>
        </dx:FABActionGroup>
        ...
    </Items>
</dx:ASPxFloatingActionButton>

JS

fab.SetActionContext("ShareItemContext", true);

Concept

Floating Action Button

Online Demo

Floating Action Button - Features