Able to drag tile on empty spaces on TelerikTileLayout

Progress® Telerik® UI for Blazor Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Unplanned

Last Updated: 07 Aug 2024 08:46 by ADMIN

Adrian

Created on: 13 Apr 2022 22:34

Category: TileLayout

Type: Feature Request

Able to drag tile on empty spaces on TelerikTileLayout

Hi,

Is there a way we could drag the tile on those empty spaces in the tile layout? I've tried the samples in your page and it seems reorderable only reorders the tiles. Is it possible to put an option that we might be able to drag those tiles to the empty spaces instead of dragging them to another tile to switch places? See attached file as reference on what I meant.

Attached Files:

drag-tiles-to-empty-spaces.gif

Duplicated Items

3 comments

ADMIN

Dimo

Posted on: 07 Aug 2024 08:46

Hello everyone,

Due to increased interest, we have reconsidered this feature request and we are reopening it.

The essence of customer requests is that the TileLayout should allow users to arrange tiles more freely with empty spaces at random places and less automatic re-arranging by the component. Another similar request is TileLayout UX similar to GridStack

Note that the current component implementation may not be compatible with this feature request, so the next steps will be:

The feature request will be collecting votes that determine its priority.
When the vote count increases enough, we will research how exactly to implement the feature and what is possible and feasible.
Based on the research, we may confirm our decision or suggestions with you before starting the development work.

Regards,
Dimo
Progress Telerik

Do you have a stake in the designеr-developer collaboration process? If so, take our survey to share your perspective and become part of this global research. You’ll be among the first to know once the results are out.
-> Start The State of Designer-Developer Collaboration Survey 2024

Leonardo

Posted on: 20 Apr 2022 20:26

Dear Dimo,

We will need to change this behaviour. Our sponsor is reluctant against this current behaviour and he wants to leave an empty space in the middle of the screen and arrange the tiles in the borders. Please, consider implementing a parameter where the tiles can be dragged wherever they want to as long as there is an empty space (slot) where the tile can be fitted. I need urgently an alternative for that, otherwise, I'll have to find another component or build one by myself. Please, let us know if that would be possible to be implemented or not and, if so when it will be released.

Kind regards,

Leonardo Willrich.

ADMIN

Dimo

Posted on: 19 Apr 2022 12:33

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

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/.