Hi, Team! 

Currently, users can click on the entire header of a specific tile in the TileLayout component in order to reorder it. 

I would like to request a feature that would allow me to specify a specific element(for instance a custom icon) that the user should click on in order to perform the reordering operation.

When a card is dragged around, provide a shadow to convey that the card is 'higher', above the rest and a marker or a line that shows an acceptable location. 

There are places where a tile can be dropped, and where it can’t. Using an indicator to convey acceptable locations (without moving cards all over in the process) makes it clear where it can go.

The benefit of using a small line of some sort means we can convey an acceptable location, but cards aren’t sliding all over the place at the same time

 

Reorder the tiles once the dragged tile goes to the new location.

If it closes up immediately (as it does now) that means things are shuffling around while the user is actually dragging which can be stressful – they’ve immediately hit the point of no return Ideally the original location stays ‘open’ until the user lets go in the new locations. Then it all shifts around.

Hi Team!

I would like the TileLayout component to be automatically scrolled on a tile reorder.

With user resizing window back and forth it will be great if TileLayout can be set to automatically determine number of columns based on columnWidth

Hi Team,

Adding the ability to resize the TileLayout in both the left and right directions would be an excellent feature enhancement for the component.

The TileLayout resizing and reordering functionalities do not work as expected when the component is positioned within a container with absolute or relative position. The position of the dragged item is offset with the offset of the parent container.

Please provide the necessary adjustments to enable placing the TileLayout in containers with absolute or relative position and keeping its resizing and reordering functionalities.

Hi Team,

Currently, the developers can set the number of columns through the columns input property and the number of rows is determined automatically by the current tiles and AutoFlow configuration.

It will be a nice feature to have the opportunity to set the number of rows regardless of the tiles configuration.

Thank you.

Hello,

I am using Kendo tile layout and generating the tile layout item dynamically based on the array. Tiles are generated properly, however, when I resize or reorder the tile, it does not update the bound array item using 2 way binding (column object in this case). I have tried [col], [colSpan], [rowSpan] as well as [(col)],[(colSpan)],[(rowSpan)] however none of these works.

I know I can handle (reorder) and (resize) event to manually update the array item, however, is there a way the bound item can be updated using 2 way binding without the need of handling it in events.

Sample code below

Thanks,

Gaurav