FABActionGroup.CollapseImage Property

Gets an image which collapses the action group on a click.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v24.1.dll

NuGet Package: DevExpress.Web

Declaration

C#

public ImageProperties CollapseImage { get; }

VB.NET

Public ReadOnly Property CollapseImage As ImageProperties

Property Value

Type	Description
ImageProperties	An ImageProperties object that contains image settings.

Remarks

The CollapseImage property provides access to the settings that define an image for the action group’s collapse button when the group is expanded. A click on this image collapses the group.

ASPX

<dx:FABActionGroup ContextName="FocusedRowContext">
    <CollapseImage Url="../Content/FloatingActionButton/Images/CollapseImage.svg"></CollapseImage>
    <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>

Concept

Floating Action Button

Online Demo

Floating Action Button - Features