I'm working on a component using Bootstrap's dropdown functionality (ph filter form). I have a dropdown that should appear when clicking a button, but the dropdown is not appearing in the foreground as expected. I've already tried adjusting the z-index and overflow properties, but the dropdown still seems to be hidden behind other elements. 
I placed this component inside the kendo-tile-item-header and still the behavior is not what I expected. 

Could you please provide information on whether there are known issues or specific considerations when using Bootstrap dropdowns in Kendo Tile Layout? Any guidance or suggestions to resolve this issue would be greatly appreciated.

Best Regards.

We're busy putting all our 3rd party tools behind wrappers. Unfortunately, the Tile Layout work is not going so well. We've tried splitting up all the consituent components behind our own wrapper components, with each component referencing a key part of the Tile Layout structure, like so:

dashboard-view -> References <kendo-tilelayout>
   dashboard-item -> References <kendo-tilelayout-item>
      dashboard-header-> References <kendo-tilelayout-item-header>
      dashboard-body -> References <kendo-tilelayout-item-body>
   dashboard-item -> References <kendo-tilelayout-item>
      dashboard-header-> References <kendo-tilelayout-item-header>
      dashboard-body -> References <kendo-tilelayout-item-body>

etc.

The trouble starts when splitting off the `kendo-tilelayout-item` from `kendo-tilelayout` and putting them into their own separate components.

It all looks fine from a coding standpoint, but when building the app and running it in the browser, we get this error:

NullInjectorError: No provider for LocalizationService!

We can provide for this service and also get the injection token, but the comments states that this service is hidden. Nevertheless, even after this is done we then get this error:

NullInjectorError: NullInjectorError: No provider for TileLayoutDraggingService!

Now, the service in question is present in the Kendo library, but is also hidden and inaccessible.

I don't think trying to fudge a way around importing the service somehow is the answer here.

Instead, I want to know if we're doing anything wrong and/or whether we are implementing the wrapper component correctly?

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!