FloatingActionButtonExtension Class

Represents an extension object implementing the Floating Action Button functionality.

Namespace: DevExpress.Web.Mvc

Assembly: DevExpress.Web.Mvc5.v24.1.dll

NuGet Package: DevExpress.Web.Mvc5

Declaration

C#

public class FloatingActionButtonExtension :
    ExtensionBase

VB.NET

Public Class FloatingActionButtonExtension
    Inherits ExtensionBase

Related API Members

The following members return FloatingActionButtonExtension objects:

• ExtensionsFactory.FloatingActionButton(Action<FloatingActionButtonSettings>)
• ExtensionsFactory.FloatingActionButton(FloatingActionButtonSettings)

Remarks

To declare the Floating Action Button in a View, invoke the ExtensionsFactory.FloatingActionButton helper method. This method returns the floating action button extension that is implemented by the FloatingActionButtonExtension class.

To configure the Floating Action Button extension, pass the FloatingActionButtonSettings object to the ExtensionsFactory.FloatingActionButton helper method as a parameter. The FloatingActionButtonSettings object contains all the floating action button extension settings.

Concept

Floating Action Button

Online Demos

• Floating Action Button - Features
• Floating Action Button for GridView

Example

View code (Razor):

C#

@Html.DevExpress().FloatingActionButton(
    settings => {
        settings.Name = "fab";
        settings.ContainerElementID = "gridContainer";

        settings.Items.Add(new FABAction("ActionContext", "ActionText"));

        FABActionGroup actionGroup = new FABActionGroup() { ContextName = "ActionGroupContext" };
        settings.Items.Add(actionGroup);

        actionGroup.Items.Add(new FABActionItem("SubAction1", "~/Images/SubAction1.svg", "SubAction1"));
        actionGroup.Items.Add(new FABActionItem("SubAction2", "~/Images/SubAction2.svg", "SubAction2"));

    }).GetHtml()

Inheritance

Object

ExtensionBase

FloatingActionButtonExtension