1. Start using the Kendo Tree View in Angular.

2. Load a large dataset for the Kendo Tree View, observe the time taken to render the Tree View.

3. The timing will increase if the dataset keeps on increasing.

4. Suggest some ways to reduce or optimize it.

This is how I am using the Kendo TreeView in Angular,

Currently it is possible to override certain messages of the kendo grid with the KendoGridMessages component.

However, this applies the message to the entire grid at once.
For example assume I have a grid with 2 boolean value columns, I would like to override the filter menu IsTrue & IsFalse messages to another string.
This is entirely possible with the KendoGridMessages component.
After the columns in my grid I might put something like this:

This would work if I wanted both boolean filter menus to display Yes & No.
But lets suppose I have set a template for cells in one of the columns like so:

the cells in this column would now display 'Validated' or 'Not Validated' instead of true/false.
It would make more sense for this column filter menu to have 'Validated' & 'Not Validated' instead of the Yes/No message that has been set to the entire grid.

Currently I would have to choose between one or the other strings for the boolean filter, either Yes/No or Validated/Not Validated.

This is a simple example, and in this case using the Yes/No messages for both wouldn't cause a user too much head-ache, but there are plenty of other more complex use cases where not having individual grid messages could cause confusion.

Here is a Stackblitz where I have mocked the grid:
https://stackblitz.com/edit/angular-qynsrr?file=src%2Fapp%2Fapp.component.ts

In the above Stackblitz I've mocked what I would expect it to work like.
I would expect that you can add a KendoGridMessages in the grid to set a default, and then on each column override it as necessary with another component or another KendoGridMessages.

Would like the API expanded to include support for adding your own tool(s) that would allow you to tag the selected text with custom html tags.

For example, would like to be able to highlight some text, hit the custom button and then "text goes here" is replaced with "<custom>text goes here</custom>".  From some documentation research, it looks like you don't support custom tools that would be able to accomplish this, is that correct? 

From this previous post, it states that such a thing is not supported?

https://www.telerik.com/forums/add-custom-tool

input to grid:

@Input()
public additionalExcelExportInfos: { additionalWorksheetTitle: string, 
parameters: { key: string, parameterValue: any }[]
};

output in excel file:

We are using placeholder like <span id="P_Name" name="P_Name">{P_Name}</span> . this would replace with the patient name on loading the editor. 

we used the ContentEditable = false is not working for the span. Some important content such as patient information should be read-only.

attached the sample editor content , the below content are loading dynamically , so we should restrict user should not edit the conent.

Hi there,

we'd like to raise a change request in relation to column widths on grids:
https://www.telerik.com/kendo-angular-ui/components/grid/columns/width/ 

Currently, we can either set a fixed width on a column, or not set a width at all and leave it dynamic. Our problem is, that we have some columns that would benefit from additional space if it is available (e.g. on a larger screen), yet really suffer if they do not receive enough space. 

When we give such a column a fixed size, we have to choose an amount that will still leave other columns enough space on smaller screens, and since it is fixed, is does not increase in size with larger screens. 

If we don't set a fixed width, (or give all columns a fixed width), the available space will be distributed evenly/proportionally among the columns. So here, the columns do benefit from extra space, but the problem is that on smaller screens, they also can become too small to display the content.

We would like to be able to set a minimum width on columns. We imagine the behavior to be as follows:

If there are some columns with a fixed width and some with a min. width, and

• the available space is less than the sum of the fixed and min. widths -> a horizontal scrollbar is added
• the available space is more than the sum of the fixed and min. widths -> the additional space is distributed among the columns with a min. width (evenly or proportionately, either option is fine)

Hi there,

It would be extremely useful to have some sort of global configuration for component settings / inputs.

For example: I want to remove animation from all of my dropdown lists.

This should be easier. The default workflow is to configure each and every instance of DropDownList using the component's input properties.

Less than ideal workarounds

• Create an angular directive that auto configures a given Kendo component and apply that directive to each instance of your component.
• Wrap a given Kendo component in a custom component, and configure it there. This will break the Kendo component's form integration, and you must implement the wrapper component to account for this.

Thank you.

Hi,

Currently, it seems impossible to have a global search field that look up into a given number of columns.

The idea would be to: either have a bindable property (like "searchString"), either having just an option to activate a "global search"(and you would add the search component).

It would also be required to be able to provide a list of "fields" to search in.

Obviously, when the search string change, it should reset the paging.

It's something we have to implement again every time we use your Grid(and it's quite hard to make a wrapping component because there is a lot of things to customize. You can check how the global filter is implemented: PrimeNG (primefaces.org)

Hi

On click of a label, I want my kendo numeric textbox to have focus, but it is not working. Following is my code.

<label for="kid">Currency</label>

<kendo-numerictextbox
  [attr.id]="'kid'"
  [format]="formatOptions"
  [min]="min"
  [max]="max"
  [step]="step"
  [autoCorrect]="true"  
  [spinners]="false"
  [formControl]="control"
  [changeValueOnScroll]="false"
>
</kendo-numerictextbox>

Issue is because, at the run time kendo generates a random ID, and appends that ID to the input box(.k-input) , instead of appending the id given by the user as above. This is causing the issue and focus is not set on input box when clicking in label. Could you please check it and suggest a solution.

"@progress/kendo-angular-inputs": "^9.0.0",

I know to associate any Kendo UI component with the Label, template reference variable is the way to go.

<label [for]="numerictextbox">NumericTextBox: </label>
<kendo-numerictextbox #numerictextbox>
</kendo-numerictextbox>

But what if my label and input box are coming from different components, then this template ref variable approach would not work. So i would suggest kendo to use traditional ID approach to set the focus on input element.

Kendo can use HostBinding property from Angular , to remove ID from kendo-numerictextbox level, and adding the user supplied ID directly to inner input element.

@HostBinding('attr.id') _id = null;

  @Input() id?: string;

Thank You

The Scheduler recurrence editor numeric inputs automatically change leading 0 inputs via keydown or pasting to 1's or empty values. 

Extend the ability to disable the mandatory autocorrection for all recurrence editor inputs so any numeric value can be entered.

When I create a widget and design widget with image field.

Step 1: I use this widget in CMS=> click edit content => select data for the image field.

Step 2: Click advanced to see the id of image 

Step 3: I select simple to view image agian =>  the image has clear item. 

I don't know how it happen.

Please help me about this issue

Hi

It would be great if KendoGrid export to Excel and PDF like excelExport, saveAsExcel, saveAsPDF etc should had options to include all records of the grid and to apply the persistent filters, grouping, sorting etc

Something like:

<kendo-grid-excel fileName="test.xlsx" filteredData="true" allRows="true">

</kendo-grid-excel>

filteredData="true"
Exports exactly what the user has filtered, sorted, grouped, etc. and sees in the view

allRows="true"
Ignores the paging and includes all the data/rows

Thank you for providing information about customization using <kendo-grid-message>

We can customize text inside drag a column here.... using <kendo-grid-message>

but in that line I am willing to add column chooser and one icon

i.e in tag <kendo-grid-group-panel> I want to add column chooser and one icon

please find below screen shot, in highlighted areas I want to add mentioned things

I want to replace highlighted areas in tag <kendo-grid-group-panel> as

Please help me for this issue 

For example, if I am using the Kendo Splitbutton, the popup should have a class like ".k-split-button-popup". This will make it far easier to style the popups based on their "parent" or "creator".

For now, I am using the popupSettings, but I think it would be beneficial for it to be automatic.

Currently ng-templates can only be added as tags inside a Kendo component's html tag.  This forces the developer to use the template feature of an Angular Component.

This limits the flexibility of what you can do for any of these components and forces developers to make them stand alone Angular Components if they need to be used in their code.  This is overkill in a lot of instances and while it works great in all the examples it is not practical in every real world situation.  Especially if there is a lot of supporting HTML involved.

I have seen several other developers looking for a way to define a template outside of a component for reuse or due to some other dynamic interaction that is required.  I believe this is needed throughout the Kendo library.

Hi,

Can we have a word cloud component on the Kendo UI for Angular?

Thanks,