Back to Devexpress

FABActionGroup.CollapseImage Property

aspnet-devexpress-dot-web-dot-fabactiongroup.md

latest2.2 KB
Original Source

FABActionGroup.CollapseImage Property

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

Namespace : DevExpress.Web

Assembly : DevExpress.Web.v25.2.dll

NuGet Package : DevExpress.Web

Declaration

csharp
public ImageProperties CollapseImage { get; }
vb
Public ReadOnly Property CollapseImage As ImageProperties

Property Value

TypeDescription
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

See Also

FABActionGroup Class

FABActionGroup Members

DevExpress.Web Namespace