Tile layout data binding and drag-and-drop tile add

Progress® Telerik® UI for Blazor Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Declined

Last Updated: 04 Oct 2024 12:54 by ADMIN

Ian

Created on: 09 Aug 2021 08:57

Category: TileLayout

Type: Feature Request

Tile layout data binding and drag-and-drop tile add

Here is the scenario I would like to implement:

User has a default dashboard, with Customise functionality which would:

Allow the user to move and resize items (same as now)
Add / remove item, adding using a drag and drop function from a set of tile types, for example exposed in a TelerikList component. Removing an item with a "delete" button or similar.
Customise tiles, for example a time period on a chart.
Save the state of the dashboard.

For loading and saving the dashboard with each tile having a specific content the easiest way I can see would be to bind the TelerikTileLayout to a data source:

</TelerikTileLayout>

The data would be updated as and when the user configures their dashboard.

For dragging and dropping new tiles a set of events would be necessary, both on the source tile list, e.g. OnDragBegin and on the tile layout OnDrop.

4 comments

ADMIN

Dimo

Posted on: 04 Oct 2024 12:54

Hi everyone,

Assuming that the main topic of this feature request is support for data binding, we are closing it due to inactivity, low customer demand and incompatibility with the current component paradigm.

For drag-and-drop support across component instances, please follow Drag and Drop between TileLayouts.

Regards,
Dimo
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

ADMIN

Svetoslav Dimitrov

Posted on: 23 Aug 2021 08:56

Hello Ian,

The TileLayout component is really reliant on templates - the Content tag is actually a template. This is why a Data parameter like the one our data-bound components have is not that suitable. If you have a data collection you can make a foreach loop, and in that loop - to render the TileLayoutItems.

On a side note, as part of .NET 6 Microsoft plan to release a native component that renders a certain type of components and pass parameters which would make such loops (foreach) much easier.

Regards,
Svetoslav Dimitrov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Ian

Posted on: 16 Aug 2021 10:18

Hi Svetoslav,

Thanks for the demo, it does go some way towards providing a solution. However the data binding option would still be much more elegant IMHO as it provides a flexible solution. For example multiple instances of a tile with different options would be easy to implement, for example a generic sales tile with customisable periods.

Re the Kanban option, it is something I'd love to have as another part of the application would greatly benefit from having non-technical users being able to view update item statuses via a Kanban.

Regards,
Ian

ADMIN

Svetoslav Dimitrov

Posted on: 16 Aug 2021 06:07

Hello Ian,

We have created a demo application on our public GitHub repository to showcase how to Add and Remove Tiles in the TileLayout component. Additionally, we have an open feature request for the addition of a built-in Close button for the Tiles. You can also be interested in the feature request regarding the Visible parameter that will be exposed for the TileLayout tiles. I have added your Votes for both of them and you can follow them to receive email notifications on status updates.

That being said, I would like to ask if the addition of a Kanban Board component (similar to the Telerik UI for jQuery implementation) would be suitable for your application? If that is the case you can add the jQuery component to your current Blazor application by following the instructions in the comment of Marin Bratanov under the public thread.

Regards,
Svetoslav Dimitrov
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/.