Tab

FABActionGroup.CollapseImage Property

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

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v20.2.dll

Declaration

public ImageProperties CollapseImage { get; }
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.

<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