New to Telerik UI for ASP.NET MVC? Start a free 30-day trial

FloatingActionButtonBuilder

Class

Defines the fluent API for configuring the Kendo FloatingActionButton for ASP.NET MVC.

Definition

Namespace:Kendo.Mvc.UI.Fluent

Assembly:Kendo.Mvc.dll

Syntax:

public class FloatingActionButtonBuilder : WidgetBuilderBase<FloatingActionButton, FloatingActionButtonBuilder>, IHtmlString

Inheritance: objectWidgetBuilderBase<FloatingActionButton, FloatingActionButtonBuilder>FloatingActionButtonBuilder

Implements: IHtmlString

Constructors

FloatingActionButtonBuilder(FloatingActionButton)

Initializes a new instance of the FloatingActionButton class.

public FloatingActionButtonBuilder(FloatingActionButton component)

Parameters:componentFloatingActionButton

The component.

Methods

Align(FloatingActionButtonAlign)

Defines the alignment of the FloatingActionButton

public FloatingActionButtonBuilder Align(FloatingActionButtonAlign value)

Parameters:valueFloatingActionButtonAlign

The value that configures the align.

Returns:

FloatingActionButtonBuilder

Example:

@(Html.Kendo().FloatingActionButton()
.Name("fab")
.Align(FloatingActionButtonAlign.BottomEnd)
)

AlignOffset(Action<FloatingActionButtonAlignOffsetBuilder>)

Defines the alignment offset of the FloatingActionButton

public FloatingActionButtonBuilder AlignOffset(Action<FloatingActionButtonAlignOffsetBuilder> configurator)

Parameters:configuratorAction<FloatingActionButtonAlignOffsetBuilder>

The action that configures the align offset.

Returns:

FloatingActionButtonBuilder

Example:

@(Html.Kendo().FloatingActionButton()
.Name("fab")
.AlignOffset(ao=&gt;ao.Horizontal(50).Vertical(50))
)

Enabled(bool)

Specifies whether the FloatingActionButton is enabled (true) or disabled (false).

public FloatingActionButtonBuilder Enabled(bool value)

Parameters:valuebool

The value that configures the enabled state.

Returns:

FloatingActionButtonBuilder

Example:

@(Html.Kendo().FloatingActionButton()
.Name("fab")
.Enabled(false)
)

Events(Action<FloatingActionButtonEventBuilder>)

Configures the client-side events.

public FloatingActionButtonBuilder Events(Action<FloatingActionButtonEventBuilder> configurator)

Parameters:configuratorAction<FloatingActionButtonEventBuilder>

The client events action.

Returns:

FloatingActionButtonBuilder

Example:

@( Html.Kendo().FloatingActionButton()
.Name("FloatingActionButton")
.Events(events =&gt; events
.Click("onClick")
)
)

FillMode(FloatingActionButtonFillMode)

Sets a value controlling how the color is applied.

public FloatingActionButtonBuilder FillMode(FloatingActionButtonFillMode value)

Parameters:valueFloatingActionButtonFillMode

The value that configures the fillmode.

Returns:

FloatingActionButtonBuilder

Example:

@(Html.Kendo().FloatingActionButton()
.Name("fab")
.FillMode(FloatingActionButtonFillMode.Solid)
)

Icon(string)

Specifies the name for an existing icon in a Kendo UI theme that is rendered in the FloatingActionButton.See the Web Font Icons help article for more details on Kendo UI icons.

public FloatingActionButtonBuilder Icon(string value)

Parameters:valuestring

The value that configures the icon.

Returns:

FloatingActionButtonBuilder

Example:

@(Html.Kendo().FloatingActionButton()
.Name("fab")
.Icon("plus")
)

Items(Action<FloatingActionButtonItemFactory>)

Specifies the speed-dial items that will be rendered in a popup container anchored to the FloatingActionButton.**Note: when using the items configuration, clicking on the FloatingActionButton will open the popup containing the speed-dial list.

public FloatingActionButtonBuilder Items(Action<FloatingActionButtonItemFactory> configurator)

Parameters:configuratorAction<FloatingActionButtonItemFactory>

The action that configures the items.

Returns:

FloatingActionButtonBuilder

PositionMode(FloatingActionButtonPositionMode)

Defines the type of positioning

public FloatingActionButtonBuilder PositionMode(FloatingActionButtonPositionMode value)

Parameters:valueFloatingActionButtonPositionMode

The value that configures the positionmode.

Returns:

FloatingActionButtonBuilder

Example:

@(Html.Kendo().FloatingActionButton()
.Name("fab")
.PositionMode(FloatingActionButtonPositionMode.Absolute)
)

Rounded(FloatingActionButtonRounded)

Sets a value controlling the border radius.

public FloatingActionButtonBuilder Rounded(FloatingActionButtonRounded value)

Parameters:valueFloatingActionButtonRounded

The value that configures the rounded.

Returns:

FloatingActionButtonBuilder

Example:

@(Html.Kendo().FloatingActionButton()
.Name("fab")
.Rounded(FloatingActionButtonRounded.Medium)
)

Size(FloatingActionButtonSize)

Specifies the size of the component

public FloatingActionButtonBuilder Size(FloatingActionButtonSize value)

Parameters:valueFloatingActionButtonSize

The value that configures the size.

Returns:

FloatingActionButtonBuilder

Example:

@(Html.Kendo().FloatingActionButton()
.Name("fab")
.Size(FloatingActionButtonSize.Medium)
)

Text(string)

Specifies the text of the FloatingActionButton. Default is empty string.

public FloatingActionButtonBuilder Text(string value)

Parameters:valuestring

The value that configures the text.

Returns:

FloatingActionButtonBuilder

Example:

@(Html.Kendo().FloatingActionButton()
.Name("fab")
.Text("Send")
)

ThemeColor(FloatingActionButtonThemeColor)

Specifies the color of the component

public FloatingActionButtonBuilder ThemeColor(FloatingActionButtonThemeColor value)

Parameters:valueFloatingActionButtonThemeColor

The value that configures the themecolor.

Returns:

FloatingActionButtonBuilder

Example:

@(Html.Kendo().FloatingActionButton()
.Name("fab")
.ThemeColor(FloatingActionButtonThemeColor.Primary)
)

Visible(bool)

Specifies if the FloatingActionButton is visible initially.

public FloatingActionButtonBuilder Visible(bool value)

Parameters:valuebool

The value that configures the visible.

Returns:

FloatingActionButtonBuilder

Example:

@(Html.Kendo().FloatingActionButton()
.Name("fab")
.Visible(false)
)