Hi,

I am developing an application that dynamically displays Angular components within kendo window and kendo dialog instances created using the kendo window and dialog services. I've encountered an issue whereby a modal style dialog is being shown from a button click on a window but the dialog's z-index value is less than that of the window and hence the dialog is hidden behind the window. The window has to be dragged out of the way to view the dialog. Also the modal overlay does not cover the window.

The following Stackblitz shows the issue.

https://angular-q5yhqw.stackblitz.io

Regards,

Mark

kendo chart is a problem when zooming.

<kendo-chart-value-axis-item> have name is not working auto range

but <kendo-chart-value-axis-item> don't have name working auto range

I find valueAxisRangeTracker have name 'undefined' object is the problem

or I used it wrong.

I want you to tell me the correct usage.

 Getting Issues When I build --prod  Error: Can't resolve '../../node_modules/@progress/kendo-angular-resize-sensor/dist/es2015/index.ngfactory'.

dev build does no issues but prod build seeing this issue. Please help.

Hi,

   I have a master detail grid, using a method called using kendoGridDetailTemplateShowIf, to determine if the details expansion should be shown.  Since 3.10.0 this seems to no longer work.  Has there been a change to the way this is used?  My current code looks like this

<ng-template kendoGridDetailTemplate let-dataItem [kendoGridDetailTemplateShowIf]="rowHasChildren">
    <children-details [parentId]="dataItem.vsId"></children-details>
</ng-template>

calling the simple method

public rowHasChildren(dataItem: any, index: number): boolean {
   console.log(index + " dataItem: " + dataItem);
   return dataItem.hasChildren;
   return true;
}

 I after 3.10 I no longer see this method being called at all.

Hi,

I found this function by Kendo UI for jQuery Forum.

https://www.telerik.com/forums/programmatically-trigger-legenditemclick-event

How do I perform this function Kendo UI for Angular again?

I'm using the kendo Upload component on Angular 6. The drag and drop is behaving a bit oddly in that I'm only able to drag and drop to a small portion of the dropzone. Is there an issue with using the upload within a dialog because when I use it elsewhere (not within a material dialog box) it performs normally and I can drop a file onto anywhere in the dropzone.

<kendo-upload
  [autoUpload]="false"
  (select) = "fileDropped($event)"
>
</kendo-upload>

is the code we're using, if there's anything else needed please tell me and I will provide it. Again the functionality works fine when not used within a dialog box, but as soon as it goes into a dialog it behaves differently.

Thanks

I've been trying to find a way to expand a row in a master-detail grid by clicking on the row instead of just via the icon without much success. Can someone please point me in the right direction?

https://www.telerik.com/kendo-angular-ui/components/grid/advanced-features/hierarchy/

TableBodyComponent.trackByFn causes whole row to be re-rendered, because before edit trackBy returns index of row and after edit trackBy returns data. In large grids with a lot of columns this may be slow. 

Currently i use this workaround to avoid such behavior - (<any>this.kendoGrid).editService.hasEdited = () => true;

Following this example https://dojo.telerik.com/iFUcISIc I am unable to get the popup editor window to close.

I am calling a local service that consumes and responds with JSON.

I am using Kendo UI v2017.1.118

When I attempt to close a popup editor window for the grid I get the following errors:

Uncaught TypeError: Cannot read property 'children' of null
    at init._items (kendo.all.min.js:48)
    at init.items (kendo.all.min.js:48)
    at init._editCancelClick (kendo.all.min.js:49)
    at HTMLAnchorElement.d (jquery-1.12.3.min.js:2)
    at HTMLDivElement.dispatch (jquery-1.12.3.min.js:3)
    at HTMLDivElement.r.handle (jquery-1.12.3.min.js:3)
_items @ kendo.all.min.js:48
items @ kendo.all.min.js:48
_editCancelClick @ kendo.all.min.js:49
d @ jquery-1.12.3.min.js:2
dispatch @ jquery-1.12.3.min.js:3
r.handle @ jquery-1.12.3.min.js:3

see also KendoUIGridPopupEditorError.png

Also when hitting the update button, the update/insert works but the windows does not close after it completes and I am 

unable to cancel or exit out of the window.

This is what my script imports look like:

<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
    <script type="text/javascript">
        $.fn.addBack = function (selector) {
            return this.add(selector == null ? this.prevObject : this.prevObject.filter(selector));
        }
    </script>
    <script type="text/javascript" src="../Scripts/angular.js"></script>
    <script type="text/javascript" src="../Scripts/angular-resource.min.js"></script>
    <script type="text/javascript" src="../Scripts/kendo.all.min.js"></script>

I'm a .NET and jQuery developer who would like to get started using Kendo UI for Angular. Can you tell me the following information on what steps I need to go from having nothing installed to spinning up my first "Hello World"?

- What do I need to install?

- Where I can find the documentation?

- How do I add Kendo component to a view

Thank you for your time and effort.