aspnetmvc-devexpress-dot-web-dot-mvc-95a4d531.md
Represents an extension object implementing the Floating Action Button functionality.
Namespace : DevExpress.Web.Mvc
Assembly : DevExpress.Web.Mvc5.v25.2.dll
NuGet Package : DevExpress.Web.Mvc5
public class FloatingActionButtonExtension :
ExtensionBase
Public Class FloatingActionButtonExtension
Inherits ExtensionBase
The following members return FloatingActionButtonExtension objects:
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.
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()
Object ExtensionBase FloatingActionButtonExtension
See Also