A newer version of this page is available. Switch to the current version.

FloatingActionButtonExtension Class

Represents an extension object implementing the Floating Action Button functionality.

Namespace: DevExpress.Web.Mvc

Assembly: DevExpress.Web.Mvc5.v18.2.dll

Declaration

public class FloatingActionButtonExtension :
    ExtensionBase

The following members accept/return FloatingActionButtonExtension objects:

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

Examples

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