Hi,

I used the kendo ui angular for  tilelayout to create a dashboard but i am not able to remove or add the tiles as there is no delete or add icon in the tiles.  So currently drag and  drop of the tiles are happening but not able to remove the tile from the dashboard.
can you please help me?

I am building the application using Angular.

Hi -

I've been trialing kendo UI for angular and it is pretty powerful

I would like to use the kendo-window toolbar as my kendo-tile "toolbar"

The main feature I want to leverage from the kendo-window doing so is the "Maximize" and "Close" features ("Minimize" should be disabled or better yet not visible)

I do want to use kendo-tile to leverage dragging and autoflow repositioning

Is there any way to do this?

Would greatly appreciate your help

Thanks

I want to give my users the ability to reorder / resize the tiles and the layout, save that as a view,  set a default view and then have the option to choose any saved view in the future that auto loads that grid layout.

I am using Kendo tile layout in my angular application. When I am trying to click on Edit and Delete button, It is not allowing me to click on those buttons as it is leaving the original position from top and left. Due to that the buttons are not clickable.

Similarly I want to add a widget dynamically in my application. For that I am using Kendo Tile Layout. The issue I am facing is when I am adding a new widget and specifying its row, col, col_span and row_span, It is overlapping with the previous saved widget. Ideally it should be added at the bottom/last as I am using array.push method. However it is getting overlapped with the previous tiles displayed on the page.

I followed this link where they are saying that remove the absolute/relative position and use margin padding instead. But In my project I am not even using the positions. But still I am facing this issue.

https://github.com/telerik/kendo-angular/issues/3492

I have attached the screenshot of the issue I am facing. If someone has the working solution for this issue then it will be a great help.

Tile Layout Version: 6.6.0

I am trying to implement a dashboard where the user can add / remove and reorder widgets.

Loading the persisted state should not be a problem since I can create something like this:

<kendo-tilelayout-item *ngFor="let widget of widgets"
                       [title]="widget.title"
                       [col]="widget.col"
                       [order]="widget.order">...</kendo-tilelayout-item>

But how can I persist the state of the tilelayout to my models?

I tried with the reorder event but there I haven't got any information to identify my widget models.

  public onReorder(e: TileLayoutReorderEvent): void {
    // Find the model to persist changes
  }

Hi

I am trying to populate Kendo Tile Layout inside Kendo Tabstrip but seems there is a bug when I drag the item. The position of selected tile is broken initially

When I click the red circle area to drag, the tile is moving to some strange place(position where you see 'Page Views' tile). This does not happen when I populate tile layout without trabstrip.

Any idea how to resolve this? I upgraded Kendo Angular lib to the latest.

* Code is attached.

Kind regards

David

This question is related to the jQuery version of the product which has a similar question:

https://www.telerik.com/forums/how-to-save-tilelayout-and-reload-this-in-later

What I want to do is bind an array of data to tile layout items and when those items are resized, reordered via drag-drop, etc. is to update the data in the array so that I can persist the data to load again later.  For example, a user navigates to a page that has the tile layout already loaded with items with default settings, the user arranges the items the way they want them, saves the changes, and when the come back to the application and load the page later, I can reload their settings as they last modified them.

Is there a way to do this with the Angular Tile Layout component?

Thanks!

Hi, I am working with Kendo UI for Angular TileLayout components and I want to save the state of tiles after a user re-orders them. I see it's possible in other libraries and I wonder if it's possible in Angular library as well.

Thanks!