Skip to main content

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

public class FloatingActionButtonExtension :
    ExtensionBase

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

Example

View code (Razor):

@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
See Also