How do I persist the tilelayout and reload it again later?

[Sean]

This question is related to the jQuery version of the product which has a similar question:

https://www.telerik.com/forums/how-to-save-tilelayout-and-reload-this-in-later

What I want to do is bind an array of data to tile layout items and when those items are resized, reordered via drag-drop, etc. is to update the data in the array so that I can persist the data to load again later.  For example, a user navigates to a page that has the tile layout already loaded with items with default settings, the user arranges the items the way they want them, saves the changes, and when the come back to the application and load the page later, I can reload their settings as they last modified them.

Is there a way to do this with the Angular Tile Layout component?

Thanks!

[Yanmario]

Hi Sean,

Indeed there is no built-in mechanism that can store and load the saved state of the TileLayout elements.

However, the same could be achieved by manually persisting the order and size of the items. Please check the following forum thread where a similar topic was discussed:

https://www.telerik.com/forums/tilelayout-state-in-kendo-ui-library-for-angular

In addition, I will suggest handling the resize event, in case the size should be stored as well. Use *ngFor to configure the component, as this will give full control over the tiles rendering:

https://www.telerik.com/kendo-angular-ui/components/layout/tilelayout/tiles-collection/

I hope this steers you in the right direction. Let me know if I can provide any further assistance on this matter.

Regards,
Yanmario Menev
Progress Telerik