This is a migrated thread and some comments may be shown as answers.

TileLayout reduce header size and padding between container

1 Answer 793 Views
TileLayout
This is a migrated thread and some comments may be shown as answers.
Hung
Top achievements
Rank 1
Veteran
Hung asked on 14 Sep 2020, 04:37 PM

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

Thanks.

1 Answer, 1 is accepted

Sort by
0
Nikolay
Telerik team
answered on 16 Sep 2020, 11:16 AM

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:

Let me know if you have any questions.

Regards,
Nikolay
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
TileLayout
Asked by
Hung
Top achievements
Rank 1
Veteran
Answers by
Nikolay
Telerik team
Share this question
or