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

TileLayoutContainerHeaderSettingsBuilder

Methods

Template(System.String)

Defines the template that will render the content of the tile header.

Parameters

value - System.String

The value that configures the template content.

Example


             @(Html.Kendo().TileLayout()
               .Name("tilelayout")
               .Containers(c => {
                    c.Add().Header(h => h.Template("<b>Page Views</b>")).BodyTemplateId("views-chart-template");
               })
             )

TemplateId(System.String)

Defines the template that will render the content of the tile header.

Parameters

value - System.String

The "id" of the external Kendo UI template.

Example


             @(Html.Kendo().TileLayout()
               .Name("tilelayout")
               .Containers(c => {
                    c.Add().Header(h => h.TemplateId("header1")).BodyTemplateId("views-chart-template");
               })
             )
            <script id="header1" type="text/x-kendo-template">
                <b>Page Views</b>
            </script>

TemplateView(System.Web.Mvc.MvcHtmlString)

Defines the template that will render the content of the tile header.

Parameters

value - System.Web.Mvc.MvcHtmlString

The Razor View that will render the template content.

Example


             @(Html.Kendo().TileLayout()
               .Name("tilelayout")
               .Containers(c => {
                    c.Add().Header(h => h.TemplateView(Html.Partial("CardHeaderView"))).BodyTemplateId("views-chart-template");
               })
             )

TemplateHandler(System.String)

Defines the template that will render the content of the tile header.

Parameters

value - System.String

The JavaScript function that will return the template content.

Example


             @(Html.Kendo().TileLayout()
               .Name("tilelayout")
               .Containers(c => {
                    c.Add().Header(h => h.TemplateHandler("getHeader1Template")).BodyTemplateId("views-chart-template");
               })
             )
            <script>
                function getHeader1Template() {
                    return `<b>Page Views</b>`;
                }
            </script>

Template(Kendo.Mvc.UI.TemplateBuilder)

Defines the template that will render the content of the tile header.

Parameters

template - TemplateBuilder<TModel>

A Template component that configures the template content.

Example


             @(Html.Kendo().TileLayout()
               .Name("tilelayout")
               .Containers(c => {
                    c.Add().Header(h => h.Template(Html.Kendo().Template().AddHtml("<b>Page Views</b>"))).BodyTemplateId("views-chart-template");
               })
             )

Text(System.String)

Sets the text of the tile header.

Parameters

value - System.String

The value that configures the text.

Example


             @(Html.Kendo().TileLayout()
               .Name("tilelayout")
               .Containers(c => {
                    c.Add().Header(h => h.Text("Page Views")).BodyTemplateId("views-chart-template");
               })
             )

In this article
Not finding the help you need?