Regarding KendoUI ContextMenu close() method- I believe there is a flaw in the API docs and in the TypeScript typings file. See below:

See API docs at: http://docs.telerik.com/kendo-ui/api/javascript/ui/contextmenu

In the sample for the close method on this page, it has this portion:

    // get a reference to the ContextMenu widget
    var contextMenu = $("#context-menu").data("kendoContextMenu");
    // close the ContextMenu
    contextMenu.close(100, 100);

The "100, 100" params passed here are not needed and looks to be a copy paste from the open() method sample in the api docs. The open() sample passes (100, 100) as x/y coordinates.

Regarding the TypeScript kendo.all.d.ts file the ContextMenu class has this definition for close:
        close(element: Element): kendo.ui.ContextMenu;
        close(element: JQuery): kendo.ui.ContextMenu;
But again, I believe it should take no params.

Please let me know if you confirm this to be the case and if you fix the typings file. Thanks!

In Excel I can create a merged cell. For this example, I will merge A1:B1 and name the range MyCell.  Next I name the single cell D5, and call it MyAnswer.  I can enter the following formula into MyAnswer, =MyCell and Excel will return the result.

Using Telerik if I create the same layout I get a #Value or #Spill error because Telerik requires MyAnswer to be the same merge configuration as MyCell which creates a significant disadvantage in usability.

Can you please advise when this issue will be fixed in Telerik.

I have attached a screen recording of this not working in your Dojo named "Telerik merge cell reference not working when not same col.mov".

Thank you so much.

Bug report

Related To: #5500

When there are merged cells and the SUM formula is used for the merged cells the result is wrong (it depends on the count of the merged cells)

Reproduction of the problem

1. Open the Dojo
2. Enter for example 5 in the merged cells (A1:B2)

Current behavior

The result in the D1 cell is 20. ( value of cell * count of cells in merged range)

Expected/desired behavior

The result should be 5. In the same scenario, the result in Excel will be 5.

Environment

• Kendo UI version: 2020.3.1118
• Browser: [all ]

When using setOptions and loadOptions to allow users to save their personal configurations of a grid, it would be nice if I didn't have to manually add all of the templates to the options object before calling setOptions. Without that step, columns using view templates appear with the raw data. To add the templates to the options object, I'm forced to separate them out as functions instead of leaving them inline with the column definition.

The read-only property available on most kendo input fields isn't obvious enough for the end user that a field is disabled. It is a source of confusion as it makes the form look broken rather than read-only. Adding k-state-disabled is important from a form readability perspective, thus it would be very helpful if that class was made available on dropdown lists and masked textboxes so they match the textboxes on forms without having to selectively apply additonal CSS.

Posted this bug here: http://stackoverflow.com/questions/39412559/kendo-ui-colorpicker-validation-bug-for-hex-colors

Below the copy:

The Kendo UI color picker control allows entering HEX value manually.

But is has a bug: if you try to enter #123XXX, you will see then #112233

The reason is the Kendo UI color picker parses the first part of the color #123 (which is a correct short form) and ignores the rest XXX symbols (which are not valid HEX symbols)

If you try another case: enter #XXX123, you will see the validation error (HEX value will be highlighted with red).

I need to validate correctly both cases and show the validation error. But I can not find a way to add custom validation to this control.

Question: do you know how to work around this bug and make Kendo UI color picker control fail on validating values like #123XXX, #ADCXYZ, #19BW00 instead of cutting off the last 3 symbols and interpret the first 3 as a short HEX form?

Currently there is no possibility to use messages file to work with loaders. Because of check if widget exists.

Something like this:

                        transport: {
                            read: "http://localhost/SentryWebAPI/api/Transactions",
                            datatype: "json",
                            headers: { Authorization: "user/password" }
                        },

NOTE: This syntax actually works now but does not get propagated with the HTTP request Headers.

I think this would be a simple fix as JQuery.$ajax supports this. It would make custom transport level security possible. There are a lot of requests for security and this would allow a roll-your-own method.

Bug report

When using Kendo Bootstrap v4 theme and attempting to display a maximized Kendo Window with iFrame content the iFrame does not take up the full height of the Kendo Window.
The behavior is observed with Safari browser on MacOS X or iOS

Reproduction of the problem

1. Run this dojo with Bootstrap-v4 bug example

Expected/desired behavior

The iFrame should take up the full height of the Kendo Window.

Adding the following style resolves the observed behavior:

<style type="text/css">
    .k-window-content.k-window-iframecontent {
        height:100%;
    }
</style>

Environment

• Kendo UI version: 2020.2.513
• Browser: [Safari | iOS Safari]

Currently measures are displayed as dimensions and there is no visual difference  between them.
I suggest you showing measures as a very first item in the pivot grid configurator. Also please use a  meaningful icon for this item.

Hello,

in the Typescript bindings, the JQuery $("...").data("kendoXXX") Methods do not include undefined in there return values.

https://docs.telerik.com/kendo-ui/intro/widget-basics/jquery-initialization#duplicate-initialization

-> in the second script section, it is also documented that it can return undefined, when there is no widget instance found.

It also returns undefined, when the selector doesn't match any element.

Please include undefined in the return values.

It would be nice to have a chart chooser for the PivotGrid build in (a dropdown that i can place anywhere). At the moment it is really difficult to display a PivotGrid in a chart or even change the chart type on the fly. This and the convertion to a chart could be build in so every developer don't need to worry about this.

What i visualize is a dropdown menu which shows all posible chart types. If i choose one, the pivot grid disapears and on it's position the choosen chart apears (optional with the PivotConfigurator in the side). From a chart i can switch back to the pivot grid or choose another chart type.

I have a grid with Column Employee Name and i have Employee names as John and john. As you see the names are same but case sensitive is different. When i group the column Employee Name. The Kendo grid treats it as separate values.

The command button set should be configurable on a per row basis.  This can be accomplished by accepting a lambda function for the column.command configuration attribute.  Presently only a string or array is accepted

Knockout has a 2-way hasFocus binding: http://knockoutjs.com/documentation/hasfocus-binding.html

Currently, setting input focus requires page-level  (non mvvm) event binding. Having this binding or similar would allow for cleaner form code.

How about showing a list of tables or views available to End user so that End user can Query on those and get his expected output as a result or Report

Custom validations are not triggered by blurring the input (as it visually seems), but when the set() method of the underlying model is called to change the value of the edited field.


Possible workaround:


  $('input[name="ProductName"]').bind('blur', function(){
    // get a reference to the built-in validator
    var validator = e.container.data("kendoValidator");
    validator.validate();
  })

in a grid configured to groupable = false using a datasource that is grouped will allow selecting a grouping row, it does not show in the ui, but the select() method will return the grouping row. 

demo: 
http://dojo.telerik.com/aDevo

code: 
<!-- shows problem with select() in grid where dataSource is grouped and groupable is disabled -->
<!-- in the demo it is possible to select the grouping row which is not shown but select() returns the grouping row as selected, the problem is even worse if using multiselect with ctrl and clicking on the grouping row -->

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

    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.412/styles/kendo.common.min.css"/>
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.412/styles/kendo.rtl.min.css"/>
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.412/styles/kendo.silver.min.css"/>
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.412/styles/kendo.mobile.all.min.css"/>

    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://kendo.cdn.telerik.com/2016.1.412/js/kendo.all.min.js"></script>
</head>
<body>
  
<div id="grid"></div> 
<script>

                                      
var dataSource = new kendo.data.DataSource({
  data: [
        { productName: "Tea", category: "Beverages" },
        { productName: "Coffee", category: "Beverages" },
        { productName: "Ham", category: "Food" },
        { productName: "Bread", category: "Food" }
  ],
  group: { field: "productName" }
});                                      
$("#grid").kendoGrid({
    selectable: "multiple, row",
    allowCopy: true,
  	groupable: false,  	
    columns: [
        { field: "productName" },
        { field: "category" }
    ],
  	change: function (e) {
      console.log("number of selected items: " + e.sender.select().length );
    },
    dataSource: dataSource,
});
</script>
</body>
</html>

Bug report

When tasks are reordered in Gantt duplicated requests are sent for updating.

Reproduction of the problem

1. Open the Gantt Overview Demo
2. Reorder two tasks and inspect the requests in the Network tab

Current behavior

For example, in case two tasks on the same level are changing their places, four requests are sent, two by two the requests are the same.
In case a task is moved on a different level multiple requests are sent, as all are duplicated.

Expected/desired behavior

There should be no duplicated requests when reordering tasks in Gantt

This is a regression introduced with R3 2020 (2020.3.915)

Environment

• Kendo UI version: 2021.3.914
• Browser: [all ]