How to add custom class to TileLayout in JQuery

1 Answer 19 Views
TileLayout
Hong
Top achievements
Rank 1
Hong asked on 10 Mar 2025, 02:43 AM

Hi,

I am trying to use the Kendo TileLayout in JQuery, and I need to add some custom class to the tile body and tile header for some specific Tiles.

I can see that with the TileLayout in React, we can do this just by setting the className. But I can't find a similar thing in the document for the JQuery.

https://demos.telerik.com/kendo-ui/tilelayout/index?_gl=1*1c0f67v*_gcl_au*MTIwODkwNzMwOS4xNzMzOTk0MTQx*_ga*MjA2MTg3MTQxMy4xNzMzOTk0MTQx*_ga_9JSNBCSF54*MTc0MTU3MzgxMC4xNC4xLjE3NDE1NzQzMDUuMzcuMC4w

Could you please help me with this?

Thanks.

1 Answer, 1 is accepted

Sort by
1
Martin
Telerik team
answered on 12 Mar 2025, 09:33 AM

Hello, Hong, 

You can use the headerTemplate to render the header of each container with specific classes you need.

Let me know if that would work for you.

Regards,
Martin
Progress Telerik

Enjoyed our products? Share your experience on G2 and receive a $25 Amazon gift card for a limited time!

Hong
Top achievements
Rank 1
commented on 14 Mar 2025, 04:35 AM

Hi Martin,

Thank you for your support.

I am in a situation where I need to have some tiles in different styles. So I looking for ways that I can override the wrapper class of the tile. However, thanks to your answer, I am thinking about hiding the wrapper and using the style of the Header and Body.

Thanks.

Tags
TileLayout
Asked by
Hong
Top achievements
Rank 1
Answers by
Martin
Telerik team
Share this question
or