TileLayout reduce header size and padding between container

[Hung]

How do I reduce the Tile container header font size, reduce header size and remove padding between containers?

Thanks.

[Nikolay]

Hello Hung,

The containers' headers font size can be modified with the following CSS:

.k-tilelayout-item-header .k-card-title {
    font-size: 1rem;
}

The space between the layout items is exposed for adjustment via the gap.rows and gap.columns properties:

gap: {
    columns: 5,
    rows: 5
}

All of the above can be examined live in the following Dojo demo:

• https://dojo.telerik.com/azUlafIX

Let me know if you have any questions.

Regards,
Nikolay
Progress Telerik