Enhancement

Expose setOptions() for Kendo Wizard

Desired Behavior
setOptions shall update Wizard steps

    wizard.setOptions({
      steps: steps
    });

Destroy current Wizard and reinitialize with new steps

    let wizard = $("#wizard").data('kendoWizard');
    wizard.destroy();
    $("#wizard").empty();
    
    let steps = [];
    for	(var i = 0; i < 4; i++) {
      steps.push({
        title: "Tab " + i,
		content: "Tab Content " + i 
      });
    }
    
    $("#wizard").kendoWizard({
        steps: steps
    });

Dojo: https://dojo.telerik.com/zpjBsSkN

The same way it is possible to make the search case-insensitive by setting columns.filterable.ignoreCase to true, it would be great if there was a way to add a custom filter (e.g. make the search diacritics-insensitive, with a custom function or as part of provided functionality). Thanks in advance.

Hi Team,

I would like request adding automatic line breaks for Kendo UI Charts to help avoid lengthy labels.

Thanks!

I need to get the output of a grid saving to pdf without sending the resulting PDF directly to the user. For example, a PDF export option "localexport: true" which would return the data to code instead of directly to the client.

Currently, the file data can be retrieved using the private _drawPDF method:

        var grid = $("#grid").data("kendoGrid");
        var progress = new $.Deferred();

        grid
          ._drawPDF(progress)
          .then((root) => {
            return kendo.drawing.exportPDF(root, grid.options.pdf);
          })
          .done((data) => {
            console.log(data);
          });

Example: https://dojo.telerik.com/rjEORuHy.

However, the approach does not work well in all scenarios for example, when there are multiple pages - https://dojo.telerik.com/iiifASYZ/2 

Thus, I would like to have a built -in method that will be suitable for all scenarios to generate and retreive the file data, without sending the file to the client.

There are many properties that can be set during initialization that cannot be changed through the API afterwards.

Take the Kendo UI ToolBar for example. You can add a button to the toolbar and set the text, but you cannot change the text afterwards unless you update the element directly. It may seem like a simple thing to change the text of an element, like so: $("#myButton").text("New Text"). However, if you had set the imageUrl as well, setting the text like I did above would remove the image. Knowing that, you could get the text node and update the nodeValue. That may work today but could easily be broken during a Kendo UI update (for example, if the update included a change that wraps the text in a span).

Having to deal with native elements after they have been created by the Kendo UI components is a dangerous practice for developers as it requires an internal knowledge of how elements are rendered based on the different options set. As mentioned above, it is also dangerous as any update could break our code. Therefore, it is imperative to expose methods that allow us to modify any properties through the API (where possible) to allow us to create clean and easy to maintain code.

If you search the feedback, you will see many requests to add a method here and a method there. There is even a related one to this called "Kendo Mobile: Methods to set properties dynamically".

Suggestion: When you have child elements, such as buttons on the toolbar, please allow us to update those widgets directly rather than through the parent. For example, instead of $("#myToolbar").data("kendoToolBar").enable("#myButton"), allow us to do something like this $("#myButton").data("kendoToolBarItem").enable();

It will be really useful if we could include a new 'filtering mode' in which operators like 'and' or 'or' are allowed in the filtering input box.

For instance, using the "doesnotcontain" with 'march or july or september' will allow users to exclude multiple conditions in a single filter

Enhancement

Expose autocomplete attribute for Kendo TextBox

Overview

Upon initializing the Kendo UI TextBox, the autocomplete attribute is initially set to off.

While this is suggested on MDN in most scenarios, there are use-cases where it is necessary to set autocomplete to new-password to avoid auto-filling.

Desired Behavior

Extend the API to allow setting the autocomplete attribute. This could be done in a similar way as the inputMode configuration.

Workaround

Use jQuery attr method to set the item in the Ready event

   $(function(){
     $('#textBox').attr('autocomplete', 'new-password');
   });

In my application, I have grids with dozens of hidden fields. 

It would be beneficial if I could filter the available columns similar to what's available in the Windows Forms column chooser:

Hi, 

We have some multiselect controls which can have a large number of values, and selected values. This causes an issue where the height becomes unreasonably large compared to other controls. 

For a typical example of the issue, see here: Multiselect height issue | Kendo UI Dojo

As can also be seen in the provided example, setting max-height with an overflow isn't a viable solution as then it becomes very difficult to see what has been selected - the vertical scroll is much too quick (at least it is using my mouse which has discrete scroll values). Also, there are both dropdown buttons and scroll buttons which is ugly and confusing for end users.

Our suggestion to resolve this would be to add an option for a "single line mode" so that functionality is not broken for other clients. When using this mode, all the items will be kept in a line. In the event of an overflow, then you could either a) cut off the items with an ellipsis "..." or b) enable horizontal scrolling (ideally without a visible scrollbar). 

See this example in the DevExpress controls for an example of horizontal scrolling in "Single line mode".
JavaScript/jQuery Tag Box - Overview | jQuery/JS Example
You can see that when all the items are selected, the height is kept consistent. It is still reasonably easy to read as you can easily scroll along.
Something similar to this solution would be ideal for us.

Hi Team,

I would like to request a way to allow the Kendo UI TreeList to be editable with the Kendo UI Editor.  For example, it should allow the Editor to use the insertUnorderedList or insertOrderedList. Those lists would be indented, and the text would return back to a hierarchical style.  Currently, this does not occur.

Replication

1. Go to this Progress Kendo UI Dojo.
2. Click the plus for a new level.
3. Click on first cell to open editor.  
4. Change content to an unordered list. 
5. Then, remove it.

From

To

Thank you!    

Hi Team,

I would like to request a way to incorporate adding a reference to the model for group cells in the Kendo UI Scheduler.  Perhaps using a uid for the cell may help. 

Thank you!

We allow the user to rename files and folders, but if they rename to the same name as another file/folder, what we would like to do is prompt the user with a confirmation dialog, explaining that if they click "Ok", the existing file will be overwritten with the newly-renamed file.  For folders, it would merge the contents, but again, duplicates would be overwritten.  If they click "Cancel", then the dialog should close, and nothing else should happen.  

Right now, the closest thing I could find was the "requestStart" event handler.  This fires after the user renames, and before the request is sent to the server.  The problem is, even in the documentation, it says, "This event can be prevented only for read requests."  

We would like to be able to prevent "update" requests as well, for this scenario.  Can this be added as a feature? 

Hi Team,

I would like to request a way to set the color/type of a series so if it makes a condition, the color/type would change.  For example, if the series count reaches a certain amount, change the color of the line, and the type to dash.  Perhaps setting the Series.Line.Color as a function would be great.

Thank you!

### Feature Request

The TypeScript definitions of the Kendo UI Grid are missing the "editable" object - the object that is built runtime when the grid enters edit mode. 

### Environment

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

Hi Team,

We are using the Kendo Spreadsheet and would like to request a feature to display a character limit indicator while the user is entering data in the cell. This is to prevent users from exceeding the character limit of a cell.

Requirement:

• When the user starts typing in a cell, it should display a live character count e.g. "10/100" if the user has entered 10 characters and limit is 100.
• Once the user reaches the maximum limit (e.g. 100/100), further input in the cell should be restricted.

Thank you!

Charts support keyboard navigation. Currently, the focus indicator is rendered as a thick black border around the different chart items. Is there any way to customize it? We usually use dashed red borders throughout our application to indicate focused elements and it would be great to stay consistent.

I found this article which leverages the highlight and saw that the series.highlight.toggle setting allows modifying the highlight's visual element, but options are very limited and do not allow sufficient customization.