Unplanned
Last Updated: 09 Apr 2020 08:44 by ADMIN
Created by: Nurbek
Comments: 0
Category: Timeline
Type: Feature Request
1

It would be better if we can customize circle(depend on type of entity we can paint it with different borders).

Instead of date show something else. It is not possible with api now, but I think it is easy to make everything replaceable with custom templates. 

Thanks,

Nurbek

Unplanned
Last Updated: 09 Apr 2020 04:48 by ADMIN
Created by: Peter
Comments: 0
Category: Kendo UI for jQuery
Type: Feature Request
1
Provide the ability to enable/disable the Gantt Toolbar through its Toolbar option.
Unplanned
Last Updated: 08 Apr 2020 14:33 by ADMIN
Created by: cortex
Comments: 6
Category: Kendo UI for jQuery
Type: Bug Report
0

Hi,

I'm using the Grid version 2019.3.1023 but changelog for newer version doesn't seem to show this has been fixed.

 

Using Html.Kendo().Grid().Columns(columns => colums.ForeignKey(x => x.ForeignCol, data, "value", "label"));

 

If data contains html, it will not be escaped when the javascript for the kendoGrid component is rendered, and thus is exposed to XSS.

This should be either fixed or documentation and samples must tell explicitly we need to html encoded the data, as this is not the case for the model itself.

 

 

 

 

Unplanned
Last Updated: 08 Apr 2020 13:53 by ADMIN
Created by: Wannes
Comments: 0
Category: Templates
Type: Feature Request
33
Concerning Cross Site Scripting (XSS), from the client-side perspective, data coming from any server cannot be trusted, even when it's one of your own servers (which may have been hacked).
While it is true that you need XSS protection on your server, it's certainly not a luxury to have additional protection on the client-side.

The kendo.template() function for example can be extended to filter out any unwanted <script> tags. The following code would do it:

<code>
var kendoTemplate = kendo.template;
kendo.template = function () {
    var templateFunction = kendoTemplate.apply(kendoTemplate, arguments);
    return function () {
        var htmlWithoutScripts = $.parseHTML(templateFunction.apply(templateFunction, arguments));
        return $("<div></div>").html(htmlWithoutScripts).html();
    }
};
</code>

The jQuery.parseHTML() function will strip any <script> tags...
I'm not sure what the impact is for performance when there are too many repeated template calls on the same screen, but for normal use the overhead should be minimal.
Maybe this code can be run only for the HTML expressions in the template (#= expression#).

Could this kind of XSS protection be added to Kendo UI by default? Or at least be available as an option?

Best Regards,
Wannes Simons.
Unplanned
Last Updated: 07 Apr 2020 14:13 by ADMIN
Created by: Amitesh
Comments: 1
Category: Gantt
Type: Bug Report
0

Hi,

In Dojo chose Kendo UI 2020 R1 SP2 library and created a Gantt chart with two summaries and a task. Each summary has a child task.

Set rowHeight to 40px.

Expand Summary1. Summary2 changed position and moved to the top of the row.

Collapse Summary1. Summary2 still at the top of the row.

Also, tried with other libraries, the result is the same.

Noticed that if rowHeight is not set, summary doesn't change its position.

Example here: https://dojo.telerik.com/IriJegeX

Please find the screenshot attached.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.default-v2.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2020.1.406/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.common.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.default.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.mobile.all.min.css">
<script src="https://kendo.cdn.telerik.com/2020.1.406/js/angular.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.1.406/js/jszip.min.js"></script>
</head>
<body>

<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
  rowHeight: "40px",
  dataSource: [{
    id: 1,
    orderId: 0,
    summary: true,
    parentId: null,
    title: "Summary1",
    start: new Date("2014/6/17 9:00"),
    end: new Date("2014/6/17 11:00")
  },
  {
    id: 2,
    orderId: 0,
    parentId: 1,
    title: "Task1",
    start: new Date("2014/6/17 9:00"),
    end: new Date("2014/6/17 11:00")
  },
  {
    id: 3,
    orderId: 1,
    summary: true,
    parentId: null,
    title: "Summary2",
    start: new Date("2014/6/17 9:00"),
    end: new Date("2014/6/17 11:00")
  },
  {
    id: 4,
    orderId: 0,
    parentId: 3,
    title: "Task2",
    start: new Date("2014/6/17 9:00"),
    end: new Date("2014/6/17 11:00")
  },
  {
    id: 5,
    orderId: 2,
    parentId: null,
    title: "Task3",
    start: new Date("2014/6/17 9:00"),
    end: new Date("2014/6/17 11:00")
  }]
});
</script>
</body>
</html>

 

Thanks.

  
Unplanned
Last Updated: 07 Apr 2020 11:02 by ADMIN
Created by: Diego
Comments: 4
Category: Drawing API
Type: Bug Report
0

From package "@types/kendo-ui": "2020.1.0" i found;

class Connection extends Observable {


        options: ConnectionOptions;

        dataItem: any;
        from: kendo.dataviz.diagram.Shape;
        sourceConnector: kendo.dataviz.diagram.Connector;
        targetConnector: kendo.dataviz.diagram.Connector;
        to: kendo.dataviz.diagram.Shape;

        constructor(options?: ConnectionOptions);

The constructor is not correct, it has to be like all example you propose: https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/diagram/methods/addconnection

Please correct typings as soon as possible, it drives me in a use that doesn't works

Unplanned
Last Updated: 07 Apr 2020 10:31 by ADMIN
Created by: Amitesh
Comments: 1
Category: Gantt
Type: Bug Report
0

Hi there,

In Dojo chose Kendo UI 2020 R1 SP2 library and created a Gantt chart with one milestone and task.

Milestone's time is 9 AM but it does not line up exactly with the time block at the top of the Gantt chart (looks like 9:01 AM).

Also, tried with other libraries, the result is the same.

Example here: https://dojo.telerik.com/iPuzEcaQ

Please find the screenshot attached.

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.default-v2.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2020.1.406/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.common.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.default.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.mobile.all.min.css">
<script src="https://kendo.cdn.telerik.com/2020.1.406/js/angular.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.1.406/js/jszip.min.js"></script>
</head>
<body>
  
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
  dataSource: [{
    id: 1,
    orderId: 0,
    parentId: null,
    title: "Task1",
    start: new Date("2014/6/17 9:00"),
    end: new Date("2014/6/17 9:00")
  }]
});
var gantt = $("#gantt").data("kendoGantt");
gantt.dataSource.add({
  parentId: null,
  start: new Date("2014/6/17 10:00"),
  end: new Date("2014/6/17 11:00"),
  title: "New Task"
});
</script>
</body>
</html>
Unplanned
Last Updated: 06 Apr 2020 16:25 by Dennis
Created by: Dennis
Comments: 2
Category: ListBox
Type: Feature Request
2

Currently, the Kendo ListBox has methods to return -- the DOM Elements using items(); the Selected DOM Elements using select(); ALL of the Data Items using .dataItems() and a SINGLE dataItem using dataItem(selector).

An additional method that would be extremely useful for this control, would be to return the SELECTED DATA ITEMS perhaps using a method  selectedDataItems().

Here is a JavaScript function that can be used as a template for providing the functionality (of course, it needs additional error checking):

    function getSelectedItems(lstName) {
         var selectedItems = [];
         //var lstItems = $(lstName).data("kendoListBox").items();
         var lstItems = $(lstName).data("kendoListBox").select();

        $(lstItems).each(function (index) {
            var selected = $(this).hasClass("k-state-selected");
            if (selected) {
                var id = "#" + $(this).attr("id");
                var dataItem = $(lstName).data("kendoListBox").dataItem(id);
                selectedItems.push(dataItem);
            }
        });
        return selectedItems;
    }

In a control such as a ListBox that inherently requires the functionality of "selection" -- then your user community would definitely need a way to not only return the selected DOM elements but also return the selected dataItems.

Hopefully, we see this functionality added to the Kendo ListBox very soon.

Unplanned
Last Updated: 06 Apr 2020 09:57 by Mohammad
Created by: Nasser
Comments: 3
Category: DropDownTree
Type: Feature Request
7
Implement server filtering for the DropDownTree.
Unplanned
Last Updated: 06 Apr 2020 09:04 by ADMIN
Created by: Martin
Comments: 0
Category: NumericTextBox
Type: Bug Report
2

Bug Report

Pressing the dot key on the NumPad does not apply the default decimal separator when the keyboard is set to EN-US/ UK. It always applies the dot. 

Steps for Reproduction

1. Set the culture to a culture that uses the comma as a decimal separator - Italian.
2. Switch the keyboard to EN-US/UK. 
3. Press the dot on the NumPad.
4. Validation prevents the input. 

Dojo sample for reproduction:

https://dojo.telerik.com/OXIsEVAk

Environment

jQuery version: 1.12.4

Kendo UI version: 2020.1.219

Browsers: [all]

 

Unplanned
Last Updated: 03 Apr 2020 10:53 by ADMIN
Scheduled for 2020.R1.SP.next

Bug report

When the horizontal scroll of the grid is shown and is configured for RTL, the resize handle is mispositioned. 

Reproduction of the problem

1. Make the grid scrollable and set explicit widths to all columns.

2. Make the grid RTL.

3. Introduce multi-column headers.

4. Notice that the columns cannot be resized due to the disposition of the handler.

5. Dojo for replication:

https://dojo.telerik.com/IZInOVUd

6. Notice that whenever the horizontal scroll is not present, the resize handle is positioned correctly.

Environment

* **Kendo UI version:** 2019.3.1023
* **jQuery version:** 1.12.4
* **Browser:** [all] 

Unplanned
Last Updated: 03 Apr 2020 07:28 by ADMIN
Scheduled for 2020.R1.SP.next

### Bug report

When the footerTemplate option of the TreeList is specified for a column that is part of a multi-column header configuration, the template is not rendered.

### Reproduction of the problem

1. Set a footerTemplate option for the nested column. Dojo sample for reproduction:

https://dojo.telerik.com/iKisAZaS/16

### Environment

* **Kendo UI version:** 2020.1.219
* **jQuery version:** 1.12.4
* **Browser:** [all ] 

Unplanned
Last Updated: 03 Apr 2020 07:28 by ADMIN
Scheduled for 2020.R1.SP.next

### Bug report

The height of the locked content in Chrome with jQuery version 3.4.1 (all jQuery versions after 3.1.1) is not calculated correctly.

### Reproduction of the problem

1. Set locked content in the TreeList.
2. The height is not calculated correctly.

Dojo sample for reproduction:

 https://dojo.telerik.com/EsobuqAH

### Environment

* **Kendo UI version:** 2020.1.219
* **jQuery version:** 3.4.1
* **Browser:** [Chrome | IE | Edge] 

Unplanned
Last Updated: 02 Apr 2020 11:44 by ADMIN
Created by: Alexandr
Comments: 13
Category: TreeList
Type: Feature Request
55
I would like to use drag and drop on treeList to reorder rows (with same parent) like on treeView or at least to have same events (drag, dragstart, dragend, drop), where I'll be able to change behaviour.
Unplanned
Last Updated: 01 Apr 2020 12:36 by ADMIN
With this customization it will be possible to use checkboxes or combo boxes and normalize the selection of data. Actually is possible to use only text and date columns.
Unplanned
Last Updated: 01 Apr 2020 09:51 by Jean Yves

Bug report

When there is a DOM element with "page-break" class inside an element that is about to be exported to PDF, this "page-break" results in a new page in the reported PDF file.

If we hide the parent element in which the element with a "page-break" class is nested and export the content to PDF, in the result file, the content of the hidden DIV is not displayed but there are blank pages for each "page-break" class that can be found in the hidden element.

Reproduction of the problem

  1. Open this Dojo and run it
  2. Press the "Hide the DIV element in red" button
  3. Press the "Export to PDF button" and open the exported file

Current behavior

There are two blank pages at the beginning of the exported document. Each of these pages is a result of the "page-break" CSS classes inside the "#test" element

Expected/desired behavior

The "page-break" class should not result in the exported file if it is nested in a hidden element. Here is a Dojo demonstrating the correct behavior: https://dojo.telerik.com/iZAXiZEz

Environment

  • Kendo UI version: 2020.1.219
  • jQuery version: x.y
  • Browser: [all]
Unplanned
Last Updated: 01 Apr 2020 09:37 by ADMIN
Created by: Diego
Comments: 0
Category: Diagram
Type: Feature Request
1

Add ability to define connection visual template option for the whole connection path. In this way the user can define custom connection types (like 'polyspline' ).

Someting like:

https://docs.telerik.com/devtools/winforms/controls/diagram/diagram-items/connections/connection-types 

Unplanned
Last Updated: 30 Mar 2020 06:08 by ADMIN

I am using kendo-pdf to generate a PDF. I have a large div with a border which is often greater in height than a single page so it automatically page-breaks (this is good). However, the border for the div is rendered the whole way around it on both pages (see screenshot). I would like to make it so that the top border only shows at the beginning of the div (on the first page) and the bottom border only shows at the bottom of the div (on the second page).

I propose that the following classes (or similar) be added at render time to elements that are automatically broken:

1. .k-pdf-page-broken – Applied to all elements that have been automatically page-broken
2. .k-pdf-page-broken-first – Applied to the first (original) element that was page-broken
3. .k-pdf-page-broken-last – Applied to the last duplicate of the element that was page-broken

Unplanned
Last Updated: 27 Mar 2020 11:26 by Yoni
Created by: Paul
Comments: 3
Category: Chart
Type: Feature Request
6
Hi,

For example, if you look at this chart in 10 days zoom view, you will notice they skip the weekends, means, they are not drawing empty data points for weekends. It is normal requirements for candle charts in stock market.

https://mbshighway.com/features/interactive-charts
Unplanned
Last Updated: 26 Mar 2020 18:32 by ADMIN
Created by: Kaloyan
Comments: 0
Category: Gantt
Type: Feature Request
1
I would like to be able to reorder rows (items) by drag and drop but I want to disable them nesting. I would like to be possible to configure whether dropping a task would create a nested task or just reorder the tasks.
1 2 3 4 5 6