New to Telerik UI for ASP.NET Core? Download free 30-day trial

Templates

The Telerik UI FloatingActionButton TagHelper for ASP.NET Core provides full control over the rendering of the speed dial action items by using Kendo UI templates.

Item Templates

The template and templateId configuration options allow you to manage the way the speed dial action items of a FloatingActionButton are rendered.

    <kendo-floatingactionbutton name="fab"
                                align="FloatingActionButtonAlign.BottomCenter"
                                align-offset-vertical="50"
                                position-mode="FloatingActionButtonPositionMode.Absolute"
                                theme-color="FloatingActionButtonThemeColor.Success"
                                icon="plus">
        <floatingactionbutton-items>
            <floatingactionbutton-item label="Add Rating" icon="star" templateId="fabTemplate"></floatingactionbutton-item>
            <floatingactionbutton-item label="Add Comment" icon="edit" templateId="fabTemplate"></floatingactionbutton-item>
            <floatingactionbutton-item label="Add To Cart" icon="cart" templateId="fabTemplate"></floatingactionbutton-item>
        </floatingactionbutton-items>
    </kendo-floatingactionbutton>

    <script id="fabTemplate">
      <span class="k-fab-item-text"><strong>#:text#</strong></span>
      <span class= "k-fab-item-icon k-icon k-i-#:icon#"></span>
    </script>

See Also

In this article
Not finding the help you need? Improve this article