<kendo:floatingActionButton-item>

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.

Example

<kendo:floatingActionButton-items>
    <kendo:floatingActionButton-item></kendo:floatingActionButton-item>
</kendo:floatingActionButton-items>

Configuration Attributes

click java.lang.String

Specifies the click event handler of the speed-dial item.

Example

<kendo:floatingActionButton-item click="click">
</kendo:floatingActionButton-item>

cssClass java.lang.String

Specifies a set of CSS classes for the speed-dial item.

Example

<kendo:floatingActionButton-item cssClass="cssClass">
</kendo:floatingActionButton-item>

enabled boolean

Specifies whether the Item is enabled or not. By default all items are enabled.

Example

<kendo:floatingActionButton-item enabled="enabled">
</kendo:floatingActionButton-item>

icon java.lang.String

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

Example

<kendo:floatingActionButton-item icon="icon">
</kendo:floatingActionButton-item>

label java.lang.String

Specifies the label for the speed-dial item.

Example

<kendo:floatingActionButton-item label="label">
</kendo:floatingActionButton-item>

template java.lang.String

Specifies the template used to render the contents of the speed-dial item.The fields which can be used inside the template are: text String - the label of the item (if configured). or icon String - the icon specified for this step (if configured)..

Example

<kendo:floatingActionButton-item template="template">
</kendo:floatingActionButton-item>

title java.lang.String

Specifies the label for the speed-dial item that will be read by assistive technologies.

Example

<kendo:floatingActionButton-item title="title">
</kendo:floatingActionButton-item>

Event Attributes

click String

Specifies the click event handler of the speed-dial item.

Example

<kendo:floatingActionButton-item click="handle_click">
</kendo:floatingActionButton-item>
<script>
    function handle_click(e) {
        // Code to handle the click event.
    }
</script>

template String

Specifies the template used to render the contents of the speed-dial item.The fields which can be used inside the template are: text String - the label of the item (if configured). or icon String - the icon specified for this step (if configured)..

Example

<kendo:floatingActionButton-item template="handle_template">
</kendo:floatingActionButton-item>
<script>
    function handle_template(e) {
        // Code to handle the template event.
    }
</script>

Event Tags

kendo:floatingActionButton-item-click

Specifies the click event handler of the speed-dial item.

Example

<kendo:floatingActionButton-item>
    <kendo:floatingActionButton-item-click>
        <script>
            function(e) {
                // Code to handle the click event.
            }
        </script>
    </kendo:floatingActionButton-item-click>
</kendo:floatingActionButton-item>

kendo:floatingActionButton-item-template

Specifies the template used to render the contents of the speed-dial item.The fields which can be used inside the template are: text String - the label of the item (if configured). or icon String - the icon specified for this step (if configured)..

Example

<kendo:floatingActionButton-item>
    <kendo:floatingActionButton-item-template>
        <script>
            function(e) {
                // Code to handle the template event.
            }
        </script>
    </kendo:floatingActionButton-item-template>
</kendo:floatingActionButton-item>