Invalid Template in TileLayout

[Mateo]

Hi,
I am trying to implement telerik components in my Sitefinity site, the components seems to work fine, but when i add the 3er part of the documentation, gives me an error call "Invalid template", any ideas what could be the problem? https://docs.telerik.com/aspnet-core/html-helpers/layout/tilelayout/getting-started.

PS: For more context, i made the component as a widget in Sitefinity, also the 2nd step of the documentation works fine, all the CSP security allows scripts like in the example(i made a component that use scripts and works fine).

This code works,

    @addTagHelper *, Kendo.Mvc

<kendo-tilelayout name="tilelayout" columns="2">
    <containers>
        <container>
            <container-body-template>Container 1</container-body-template>
            <container-header text="Title 1" />

        </container>
        <container>
            <container-body-template>Container 2</container-body-template>
            <container-header text="Title 2" />
        </container>
        <container>
            <container-body-template>Container 3</container-body-template>
            <container-header text="Title 3" />
        </container>
    </containers>
</kendo-tilelayout>

This code doesn't work,

@addTagHelper *, Kendo.Mvc



<script id="tabStripContainer" type="text/html">
    <kendo-tabstrip name="tabstrip" is-in-client-template="true">
        <items>
            <tabstrip-item text="Dashboard Information" selected="true">
                <content>
                    <div class="status-cards">
                        <div class="k-card">
                            <div class="k-card-body">
                                <div class="k-card-result on-track-tasks">22</div>
                                <div class="k-card-title">Items in Backlog: 43</div>
                            </div>
                        </div>
                        <div class="k-card">
                            <div class="k-card-body">
                                <div class="k-card-result overdue-tasks">7</div>
                                <div class="k-card-title">From Yesterday: 16</div>
                            </div>
                        </div>
                        <div class="k-card">
                            <div class="k-card-body">
                                <div class="k-card-result issues">47</div>
                                <div class="k-card-title">Closed By Team: 15</div>
                            </div>
                        </div>
                    </div>
                </content>
            </tabstrip-item>
            <tabstrip-item text="Calendar">
                <content>
                    <div class="calendar-widget">
                        <kendo-calendar name="calendar" component-type="modern" is-in-client-template="true"></kendo-calendar>
                    </div>
                </content>
            </tabstrip-item>
        </items>
    </kendo-tabstrip>
</script>
<kendo-tilelayout name="tilelayout" columns="1">
    <containers>
        <container body-template-id="tabStripContainer"></container>
    </containers>
</kendo-tilelayout>

[Ivan Danchev]

Hi Mateo,

From a UI for ASP.NET Core perspective, the code is valid and works without errors, see this example: https://netcorerepl.telerik.com/QpOwlOPd17mquvfz39

There could be specifics with regard to using the components in a Sitefinity context that we are not aware of, so I'd suggest asking for help on the Sitefinity forums: https://community.progress.com/s/topic/0TO4Q00000026ITWAY/sitefinity-general-discussions