Hello, I need an autocomplete where i can select multiple values.
Our team has been using the Kendo UI for jQuery for some time and are now looking at Angular. With the release of Angular 6 I see mentions of the Material component library everywhere. So I'm wondering how the Kendo UI for Angular library relates to Angular Material. Are these separate component libraries?
So do I understand correctly, that if using the Kendo UI for Angular library, I can still use a Material theme, but the Material components themselves are different animals, and that the Kendo components are custom Angular components and dont simply wrap the Material components?
I'm currently looking into different ways that I could allow the user's print to pdf give an auto generated file name based on parameters related to the contents of the print which will change based on the query that led them to that point.
I've noticed that there's not much helpful guidance for attempting to modify inline event handlers in Javascript, interpolations cause failure, most advice recommends an attr. prefix which seems to only be relevant to a particular use example, and some people have used escaped quotes but that hasn't worked for me either.
At this point I've decided to bring the PDFExportComponent directly into my component and see if there's anything I can do to pull this into my component and wrap it in my own custom directive.
Do you have any advice on how I can translate the pdf.saveAs() from an inline directive to a component method or function?

Hi Team,
I have a requirement with fixed width (300px) - Treeview with 4 levels.
When I expand fourth level it has the node name with 100 chars maximum. so when size is not fit with tree view width, Node name should be wrapped and display in two lines in the treeview.
Please refer the screen shot, end of 4th level node some text missed
Note : I don't want horizontal scroll bar when it has big text and Node name wrapped proper alignment.
Thanks
Hello,
is there a way to hide the vertical lines in this chart type. I need only this horizontal lines in this chart-type
thanks for your work
Hi,
is it possible to use the kendo ui treeview with angular 2 and drag and drop functionality?
Hi,
I've tried updating the library @progress/kendo-angular-popup to the currently newest version V2.4.0, but it seems to be broken.
When I try to build my Angular-6-App Ahead of Time (AOT), I get the following error a couple of times (once per module):
Module not found: Error: Can't resolve '../../../../node_modules/@progress/kendo-angular-buttons/node_modules/@progress/kendo-angular-popup/dist/es2015/index.ngfactory'
2.3.0 was working fine.
Can anybody confirm this behavior?
All other packages are up-to-date.
The funny thing is, I can ng serve this version and also use it.
The only thing I can't is build AOT.
Thanks & have a good weekend,
Felix
I am using
a kendo grid for user input and for each parameter I have a max and min value.
I managed to implement a validation so that the user cannot input a value outside the
limits and if a value outside the range is entered there is a text shown “Value
must be between <max> and <min>”. This was done via a validation
function.
Now to be
more flexible with number of decimals, I added a number editor to the input
column. After this it is still not possible for the user to enter a value
outside the range, which is good, but the text is not showing. Why is this and
what can I do to get this text back although I am using a number editor?
this.myDataSource = new kendo.data.DataSource({ autoSync: true, data: [ { label: "Parameter1", ref: 89.82, min: 60, max: 100, isInput: true }, { label: "Parameter2", ref: 9.18, min: 8, max: 20, isInput: false } ], schema: { model: { fields: { label: { type: "string", editable: false }, ref: { validation: { required: true, validateFunction: function (isInput) { return OfflinePredictionController.validateInput("#myGrid", isInput); } } }, min: { type: "number", editable: false }, max: { type: "number", editable: false }, isInput: { type: "boolean", editable: false } } } }, }); $("#myGrid").kendoGrid({ dataSource: this.myDataSource, scrollable: false, editable: true, columns: [ { field: "label", title: "Parameter", }, { field: "ref", title: "Reference", editor: numberEditor, width: "140px", }, { hidden: true, field: "min", width: "30px" }, { hidden: true, field: "max", width: "30px" }, { hidden: true, field: "isInput", width: "40px" } ] });static validateInput(gridName: string, input: any) { var minIndex = 0; var maxIndex = 0; var grid = $(gridName).data("kendoGrid"); for (var columnIndex = 0; columnIndex < grid.columns.length; columnIndex++) { if (grid.columns[columnIndex].field == "min") { minIndex = columnIndex; } else if (grid.columns[columnIndex].field == "max") { maxIndex = columnIndex; } } var reference = $(input).val(); var min = parseFloat($(input).closest("tr").find("td:eq(" + minIndex + ")").text()); var max = parseFloat($(input).closest("tr").find("td:eq(" + maxIndex + ")").text()); if ((reference < min) || (reference > max)) { input.attr("data-validateFunction-msg", "Value must be between " + min + " and " + max); return false; } return true; }
function numberEditor(container, options) { $('<input name="' + options.field + '"/>').appendTo(container).kendoNumericTextBox({ format: "{0:n4}", decimals: 4, step: 0.1, });}
Hi Team,
I am using Kendo Angular Grid. I have two columns and if I have 20 chars [without space in the text] in the column value, it is not wrapping or showing any tooltip, instead of three dots are showing {ex: "110..." }
Refer the screen shot as well. How to resolve this issue?
Note :I dont want to increase the size of the column
Thanks,
Sankar

Is it possible to conditionally use the default template within a DropDownList while sometimes using a custom template?
I have use-case where for all but one of the items, I want the default template, and then for a single item (with a known value) I want to use a custom template.