Need More Info
Last Updated: 23 Aug 2021 08:56 by ADMIN
Ian
Created on: 09 Aug 2021 08:57
Category: TileLayout
Type: Feature Request
3
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 Data="@TileData">

<TileConfiguration></TileConfiguration>

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

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