Skip to main content
Tab

FABActionGroup.CollapseImage Property

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

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v24.2.dll

NuGet Package: DevExpress.Web

#Declaration

public ImageProperties CollapseImage { get; }

#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.

<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>

FAB-Action-Image

#Concept

Floating Action Button

#Online Demo

Floating Action Button - Features

See Also