FloatingActionButtonTagHelper

Example

Razor
<kendo-floatingactionbutton>
    <floatingactionbutton-items></floatingactionbutton-items>
</kendo-floatingactionbutton>

ChildTags

Tag NameDetails
floatingactionbutton-itemsFloatingActionButtonItemsTagHelper

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
alignFloatingActionButtonAlignSpecifies the initial horizontal offset of the FloatingActionButton. Numeric values are treated as pixels. String values can specify pixels, percentages, ems, or other valid values.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
align-offset-horizontalStringSpecifies the initial horizontal offset of the FloatingActionButton. Numeric values are treated as pixels. String values can specify pixels, percentages, ems, or other valid values.
align-offset-verticalStringSpecifies the initial vertical offset of the FloatingActionButton. Numeric values are treated as pixels. String values can specify pixels, percentages, ems or other valid values.
as-moduleBoolean
enabledBooleanSpecifies whether the FloatingActionButton is enabled (true) or disabled (false).
fill-modeFloatingActionButtonFillModeSets a value controlling how the color is applied.
has-client-componentBoolean
iconStringSpecifies 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.
on-clickStringFires when the user clicks on a the FloatingActionButton.**Note: when using items configuration, clicking on the FloatingActionButton will open the speed-dial list popup.
on-collapseStringFires when the speed-dial popup is closed and its animation is finished.**Note: this event is triggered only when using items configuration.
on-expandStringFires when the speed-dial popup is opened and its animation is finished.**Note: this event is triggered only when using items configuration.
position-modeFloatingActionButtonPositionModeDefines the position of the component
roundedFloatingActionButtonRoundedSets a value controlling the border radius.
sanitize-idBoolean
script-attributesIDictionary<String,Object>
sizeFloatingActionButtonSizeDefines the size of the component
textStringSpecifies the text of the FloatingActionButton. Default is empty string.
theme-colorFloatingActionButtonThemeColorDefines the theme color of the component
visibleBooleanSpecifies if the FloatingActionButton is visible initially.
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support