In the TreeList, the row colors are not consistent with other technology divisions, e.g. Angular. With the Classic Silver theme, the rows are not consistent regarding the alternating background colour approach. Additionally, in the Default theme, the rows are not as differentiated as they should be by design.
Note: the issue appears to be related to the k-treelist-group class on the elements in the TreeList.
Workaround: https://dojo.telerik.com/ORIjOcAB/3
The rows' background color are not consistent in regard to alternative background colors.
The rows' background colors should be consistent with the design.
When there is a frozen column in the TreeList, not all the columns are resized correctly on double-clicking on the resize handler.
The Position column is not resized and a scrollbar may appear depending on the width of the screen
The behavior when clicking on the drag handler should be the same for all the columns. In the described scenario the Posiiton column should be resized as well.
Bug report
Regression with 2023.2.718
Sortable TreeList with locked columns with non-sortable column shows the sort title on mouseover.
Also, if using headerTemplate we will see the template on mouse over
Reproduction of the problem
Dojo: https://dojo.telerik.com/AWeLACac
Hover the first column title
Expected/desired behavior
The correct title must be displayed
Environment
Kendo UI version: [2021.2.511 or newer]
Browser: [all]
Based on the MVVM demo: https://demos.telerik.com/kendo-ui/treelist/mvvm
DoJo: https://dojo.telerik.com/aYocadiS
Description: MVVM TreeList with column template, inside the template is a MVVM button.
Steps to reproduce:
- open the DoJo
- Button is rendered correctly
- expand a row
- Buttons are now messed up and don't work anymore
If the TreeList's reorderable option is enabled, the filter input is not focusable.
Regression introduced with 2023.2.606
The filter input is not focusable.
The filter input should be focusable.
Bug report
Icons are missing on TreeList export buttons since R2 2023 version
Reproduction of the problem
Dojo: https://dojo.telerik.com/uSiDIxiR
Expected/desired behavior
Icons shall be present
Environment
Kendo UI version: 2023.2.606 or newer
Browser: [all ]
Cannot expand and collapse TreeList items properly in mobile and responsive dimensions.
Regression introduced with 2023.1.314
The items of the TreeList cannot be toggled properly.
Should be able to toggle the items of the TreeList properly in all dimensions.
TreeList items cannot be expanded or collapsed when a row template is set.
The parent items cannot be collapsed or expanded.
Should be able to collapse and expand the parent items.
Add the 'ref-treelist-expand-collapse-icon' attribute to the expand/collapse caret icons programatically in the expand, collapse, and dataBound events:
When an item is expanded and the refresh icon is displayed due to an issue with the sent request (for example а failed request), the icon gets replaced by a loading indicator once another item is expanded.
After expanding the second item, the refresh icon from the first item disappears and a loading indicator replaces it.
The refresh icon should still be displayed and should not be replaced by a loading indicator.
Bug report
Custom dropdownlist editor in Treelist collapses the component since 2023.1.314
Reproduction of the problem
Dojo: https://dojo.telerik.com/uSufOfOt
Click on the Edit button in the top parent row
Open the DropDownList editor in Last Name column
Expected/desired behavior
TreeList shall not collapse
Environment
Kendo UI version: 2023.1.314 or newer
Browser: [all]
In a out of the box popup edit, the update/cancel buttons are to the left, should be to the right for consistency with grid. Add class k-actions-end to the div with k-edit-buttons as done in grid.
I am using bootstrap-v4 css file.
Hi,
Using Fluor´s commercial purchase, we were able to get latest kendoui.for.jquery.2022.3.913.commercial, previously we were using v2019.1.220
After migration, I see that when using a kendoTreeList, that has a column template, it does not properly render the template content.
Template to render:
<script id="actions-template" type="text/x-kendo-template">
<div id="actions-revenue" ng-show="options.displayPeriod =='MONTHLY'">
<a class="delay-input-screen-pbwbs-overview pl-1" id="delayButton-#: id #" style="display: none;">
<i class="fas fa-calendar-alt" /></a>
</div>
<div id="actions-edit" ng-show="options.displayPeriod =='MONTHLY'">
<a class="edit-input-screen-pbwbs-overview pl-1" id="editButton-#: id #" style="display: none;">
<i class="fas fa-pencil-alt" /></a>
</div>
<div id="actions-delete" ng-show="options.displayPeriod =='MONTHLY'">
<a class="delete-input-screen-pbwbs-overview pl-1" id="deleteButton-#: id #" style="display: none;">
<i class="fas fa-trash-alt" /></a>
</div>
</script>
Rendered template (good one) with previous version v2019.1.220
<td role="gridcell" style="white-space: nowrap;">
<div id="actions-revenue" ng-show="options.displayPeriod =='MONTHLY'">
<a class="delay-input-screen-pbwbs-overview pl-1" id="delayButton-3" ><i class="fas fa-calendar-alt"></i></a>
</div>
<div id="actions-edit" ng-show="options.displayPeriod =='MONTHLY'">
<a class="edit-input-screen-pbwbs-overview pl-1" id="editButton-3" ><i class="fas fa-pencil-alt"></i></a>
</div>
<div id="actions-delete" ng-show="options.displayPeriod =='MONTHLY'">
<a class="delete-input-screen-pbwbs-overview pl-1" id="deleteButton-3" ><i class="fas fa-trash-alt"></i></a>
</div>
</td>
Rendered template (buggy one) after upgrading to version 2022.3.913
<td role="gridcell" aria-describedby="d51133dd-fb81-4e68-9d56-4d61aab7f81a" class="" style="white-space: nowrap;">
<div id="actions-revenue" ng-show="options.displayPeriod =='MONTHLY'">
<a class="delay-input-screen-pbwbs-overview pl-1" id="delayButton-3" >
<i class="fas fa-calendar-alt"></i></a><i class="fas fa-calendar-alt">
</i></div><i class="fas fa-calendar-alt">
<div id="actions-edit" ng-show="options.displayPeriod =='MONTHLY'">
<a class="edit-input-screen-pbwbs-overview pl-1" id="editButton-3" >
<i class="fas fa-pencil-alt"></i></a><i class="fas fa-pencil-alt">
</i></div><i class="fas fa-pencil-alt">
<div id="actions-delete" ng-show="options.displayPeriod =='MONTHLY'">
<a class="delete-input-screen-pbwbs-overview pl-1" id="deleteButton-3" >
<i class="fas fa-trash-alt"></i></a><i class="fas fa-trash-alt">
</i></div><i class="fas fa-trash-alt">
</i></i></i></td>
As we can see in the original template there are icons wrapped in anchors, previous version rendered the template ok, but new version scrambles this tags…
I have also been playing in the Dojo and this seems to be the case.
Regards….
Hello,
We found a bug in the latest version of Kendo related to the reordering columns in Treelist when inside a Grid DetailTemplate
See the Dojo below to replicate the problem:
https://dojo.telerik.com/exotEsej
Expand the detail row under a grid row and attempt to drag one of the treelist column titles to the left or right and note that an error is thrown.
Uncaught TypeError: Cannot read properties of undefined (reading 'lockable')
Let us know when you have a workaround for this as it prevents us from promoting this version of Kendo to our production environment.
Thank you,
Brad Garner
Setup a Treelist with paging
edit set to popup
get "Maximum call stack size exceeded" error after update
I removed the paging and it works as expected
The Kendo TreeList has an incorrect colspan value for the headers when the first column is hidden and the file is exported to Excel.
Dojo:
https://dojo.telerik.com/IFuCutaV/4
The names of the headers are not displayed in the correct positions.
TreeList autoFitColumn doesn't work properly.
Run the first sample from here:
https://docs.telerik.com/kendo-ui/api/javascript/ui/treelist/methods/autofitcolumn
Alternatively, open this dojo:
https://dojo.telerik.com/uvafiZeh
1519223
Bug report
TreeList with TextArea editor and locked columns do not align row height between locked and non-locked tables
Reproduction of the problem
1, Open below Dojo
2. Click on a cell within the locked table to edit
https://dojo.telerik.com/UwUmoWOX
Current behavior
Clicked locked row height not aligned with the row height of the non-locked row
Expected/desired behavior
TreeList with TextArea editor and locked columns shall align rows between locked and non-locked tables
Workaround:
$("#treelist").getKendoTreeList()._syncLockedContentHeight();
Environment
Kendo UI version: all
jQuery version: x.y
Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
Hello,
We have a grid of tasks and each row has a detail's pane (hierarchy) that shows, when expanded, a tree list of sub-tasks.
If you attempt to delete a tree list node (not the last) it will delete the node correctly, but will trigger the grid's to prompt the user to make sure the item should be deleted or not (which is NOT normal). But when this is shown, it is already too late to Cancel has the tree list has already deleted the item. Users don't understand why they are given a chance to prevent the deletion, but it does not work.
So in short, we want the tree list, when the users deletes a node, to not trigger (i.e. to prevent) the grid's item deletion.
Here is a dojo that shows what happens:
https://dojo.telerik.com/APaXoRuR
Please let me know if you need more information,
Regards,
Eric.
Eric Boulé, B.Eng.
Solution Architect
Centre d’Essais Techniques de la Qualité (CETQ) | Quality Engineering Test Establishment (QETE)
Department of National Defence / Government of Canada
Eric.Boule@forces.gc.ca
### Bug report
The change event is not triggered, when a checkbox is selected in the Keno UI TreeList widget.
### Reproduction of the problem
1) Create a checkbox selectable TreeList widget;
2) Select/check any of the checkboxes;
3) The change event is not triggered;
4) Unselect/uncheck any of the checkboxes;
5) The change event is triggered;
A Dojo sample for reproduction: https://dojo.telerik.com/EWUFOhip
### Expected/desired behavior
The change event should be triggered, when a checkbox is selected in a checkbox selectable TreeList widget.
### Environment
* **Kendo UI version:**2021.1.119
* **jQuery version:** 1.12.4
* **Browser:** [all]