Hello Leonardo,

I understand your requirements and I am sorry the TileLayout cannot fulfil them.

Basically, you need a Dock component, which has the discussed different behavior.

A possible workaround for your case might be:

• Make all tiles the same width and height.
• Use invisible tiles for the initial empty spaces.

In this way users will be able to drag and drop on seemingly empty spaces. If this doesn't meet your requirements, then the only remaining suggestion is to consider another solution.

Regards,
Dimo
Progress Telerik

Hi Adrian,

I agree that the described scenario looks logical from user's perspective. Let's review it from technical perspective too.

The main issue with the provided example is that the desired reordering is invalid. The component is configured with 3 columns, while the drag action is trying to make them just 2 and leave the 3rd one empty. That's why the component doesn't allow it.

A related unsupported layout is this one (assuming 3 columns):

[ Tile 1.1 ]  [ Tile 1.2 ]  [ Tile 1.3 ]
[ Tile 2.1 ]  [ Tile 2.2 ]  [ Tile 2.3 ]
[ Tile 3.1 ]                    [ Tile 3.3 ]

In this case, Tile 3.3 will always end up under 2.2.

So in general, empty spaces in the TileLayout do not guarantee the user can drop a tile there. The current behavior helps the user preview the resulting layout after reordering and confirm which tiles exactly to move around.

Regards,
Dimo
Progress Telerik