Tile Layout Sample

tilelayoutsample.ts

        $("#tilelayout").kendoTileLayout({
            containers: [{
                colSpan: 6,
                rowSpan: 4,
                header: {
                    text: "Item three"
                },
                bodyTemplate: kendo.template($("#MapTemplate").html())
            }, {
                colSpan: 3,
                rowSpan: 4,
                header: {
                    text: "Item four"
                },
                bodyTemplate: "Item four body"
            }, {
                colSpan: 3,
                rowSpan: 4,
                header: {
                    text: "Item four"
                },
                bodyTemplate: "Item four body"
            }],
            columns: 12,
            rowsHeight: "25%",
            height: "100%",
            reorderable: true
        });