The requested page is not available for the requested platform. You are viewing the content for Default platform.

FloatingActionButtonExtension Class

Represents an extension object implementing the Floating Action Button functionality.

Namespace: DevExpress.Web.Mvc

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

Declaration

public class FloatingActionButtonExtension :
    ExtensionBase
Public Class FloatingActionButtonExtension
    Inherits 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

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