Fix TileLayout so it works with IE11.  Currently it displays the items in a list instead of in the grid as expected.

Telerik Example in IE11

Telerik Example in Chrome:

It would be nice of the TileLayout component was fully responsive out of the box (and still keep the reordering/resizing features).

Maybe by allowing the configuration for the number of columns to change based on media breakpoints...

Thank you.

Overview

Currently, the ContainerHeader TagHelper allows setting the following set of attributes for templates.

It would be beneficial to incorporate a Template TagHelper option that can be set for the TileLayout ContainerHeader. Similar to how it is for the ContainerBody TagHelper

<kendo-tilelayout name="tilelayout">
    <containers>
        <container col-span="1" row-span="1">
                <container-body-template>
                        <div>Test</div>
                </container-body-template>
        </container>
    </containers>
</kendo-tilelayout>

E.g:

<kendo-tilelayout name="tilelayout">
    <containers>
        <container col-span="1" row-span="1">
		<container-header>
			<container-header-template>
				<span class="k-card-title">Locations</span>
				<kendo-button name="someBtn">Some BTN</kendo-button>
			</container-header-template>
		</container-header>
            ...
        </container>
    </containers>
</kendo-tilelayout>

This would also improve the CSP compatibility of the component, as the configuration will prevent the inclusion of inline scripts.

Environment

• Kendo UI version: 2024.2.514
• Browser: [all]