Templates

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

• Demo page for the FloatingActionButton

Item Templates

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

Razor

    @(Html.Kendo().FloatingActionButton()
        .Name("fab")
        .Icon("plus")
        .Items(items=>{
            items.Add().Icon("star").Label("Add Rating").TemplateId("fabTemplate");
            items.Add().Icon("pencil").Label("Add comment").TemplateId("fabTemplate");
        })
    )

    <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

• Templates of the FloatingActionButton HtmlHelper for ASP.NET MVC (Demo)
• Server-Side API