Kendo tile layout know limitation issues

1 Answer 332 Views
TileLayout
Ahmad
Top achievements
Rank 1
Ahmad asked on 30 Jan 2023, 12:40 PM


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

1 Answer, 1 is accepted

Sort by
0
Martin Bechev
Telerik team
answered on 02 Feb 2023, 09:17 AM

Hi Ahmad,

Thank you for the provided screenshot, but based on the details so far I am unable to provide any specific solution to overcome this.

Such behavior could be observed when any of the wrapper containers of the TileLayout have position: absolute or position: relative styles. Those styles affect the default behavior of the TileLayout and might result in undesired offsetting when starts dragging a tile. 

I would suggest updating the Layout package version (latest 11.1.0) along with the Kendo theme version (latest v6.0.3).

https://www.telerik.com/kendo-angular-ui/components/installation/up-to-date/#toc-updating-to-compatible-releases

In case an unsupported Angular is being used (v12 and below) I would like to request a small runnable demo that reproduces the issue. Thus we can debug it on our side and be able to provide further assistance. Thank you.

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

Tags
TileLayout
Asked by
Ahmad
Top achievements
Rank 1
Answers by
Martin Bechev
Telerik team
Share this question
or