Hi,

Please provide closing animations for the Dialog just like there are animations for the opening.

thanks

The Scheduler is misaligned when opened in the mobile view (vertically) as it does not support responsive design.

Please refer to the attached image. Please add responsive design like the Grid to fix the alignment and styling issue. 

We need to be able to overrride "compare" method in kendo-data-query sort-array.operator.  We are using your processData for client side sorting but need to change the "compare" method since we have decimal values already formatted in our objects.  Since they are formatted they are technically strings and sorted as such.  Currently we had to rip out your processData and call our custom version with a compare method like so:

const compare = (a, b) => {
    if (isBlank(a)) {
        return a === b ? 0 : -1;
    }

    if (isBlank(b)) {
        return 1;
    }

    let a1 = a;
    if (isNumber(a)) {
        a1 = toNumber(a);
    } else if (isDate(a)) {
        a1 = ensureDate(a);
    }

    let b1 = b;
    if (isNumber(b)) {
        b1 = toNumber(b);
    } else if (isDate(b)) {
        b1 = ensureDate(b);
    }

    if (a1.localeCompare) {
        return a1.localeCompare(b1);
    }

    return a1 > b1 ? 1 : (a1 < b1 ? -1 : 0);
};

Add configuration inputs for control animation of Dialog component.

Provide inline editing in Editor component like the one supported by the Kendo jQuery Editor:

https://demos.telerik.com/kendo-ui/editor/inline-editing

Hi,

It would be nice to have a sliding functionality to change the value of the Gauges. Emitting events would be also good to have when sliding.

Attached are GIFs for reference.

Thank you for your consideration.

Please export the operatorsMap from Data Query's filter-no-eval.js.

If exporting the operators map is not an option, consider introducing an enum which defines the operators as constants:

export enum Operators {
  contains = 'contains',
  doesnotcontain = 'doesnotcontain',
  doesnotendwith = 'doesnotendwith',
  doesnotstartwith = 'doesnotstartwith',
  endswith = 'endswith',
  eq = 'eq',
  gt = 'gt',
  gte = 'gte',
  isempty = 'isempty',
  isnotempty = 'isnotempty',
  isnotnull = 'isnotnull',
  isnull = 'isnull',
  lt = 'lt',
  lte = 'lte',
  neq = 'neq',
  startswith = 'startswith'
}

Setting grid.columns[i].hidden may work to some extend, but isn't emitting columnVisibilityChange and further activities on a column set visible are not working but resulting in error, e.g. calling reorderColumn() results in:

TypeError: Cannot set property 'orderIndex' of undefined
    at GridComponent.push../node_modules/@progress/kendo-angular-grid/dist/fesm5/index.js.GridComponent.updateColumnIndices (https://localhost:4201/vendor.js:196833:43)

The grid internal method updateColumnIndices() throws an error, because it doesn't get the newly visible column from expandColumnsWithSpan() and expandedColumns.indexOf(source) is -1. 

Thus it's required to add methods like showColumn/hideColumn or setColumnVisibilty.

I'm using the Kendo Angular DropDownList component and I'm facing a couple of accessibility issues.

I got two issues, the same as those I get in my own application using the DropDownList component.
I've attached the output for both issues below.

First issue and an explanation of the issue and its solutions can be seen in the first attachment.

Second issue and an explanation of the issue and its solutions can be seen in the sercond attachment.

Sometimes we're using kendo sortable to sort "panels" containing form elements.

Examples:

• Sortable item with "delete" button
• Sortable item with "enabled" checkbox

Problem:

The sortable will "catch" the mousdown/pointerdown events and form elements on draggable items will not work.

Solution:

We have to listen in a div for those events and stop propagation.

.. but that needs additional code in template and component. We've created a small directive to do that, but that's an additional module we have to include in each feature module (and we have to remember that it exists, and what was the name, …)

Feature request:

Add a directive to sortable module that allows us to exclude areas inside of sortable items from being draggable to make (form) element work in these areas.

---

import { Directive, ElementRef, OnInit, Renderer2, AfterViewInit } from '@angular/core';

@Directive({
    selector: '[draggableExclude]'
})
export class DraggableExcludeDirective implements AfterViewInit {

    constructor(
        private _elemRef: ElementRef,
        private _renderer: Renderer2,
    ) { }

    ngAfterViewInit() {
        this._renderer.listen(this._elemRef, 'mousedown', (e: MouseEvent) => e.stopPropagation());
        this._renderer.listen(this._elemRef, 'pointerdown', (e: MouseEvent) => e.stopPropagation());
    }
}

Note: Touch is not handled.

… and how we use it

                    <kendo-sortable  … >
                        <ng-template let-attribute="item">
                            <div class="details">
                                {{ attribute.name }}
                            </div>
                            <div draggableExclude>
                                <button kendoButton look="bare" type="button"
                                    (click)="requestDeleteAttribute(attribute)" icon="delete"></button>
                            </div>
                        </ng-template>
                    </kendo-sortable>

Requested feature:

A new options "stayInFront" / "alwaysTop" for WindowService > WindowSettings.

Example:

this._windowService.open({
                title: 'Details',
                content: MyDetailsWindowComponent,
                stayInFront: true // < requested feature
            });

Behavior:

• if true, the window is always "on top", that means if we open another window with "stayInFront=false" it will be behind the window with "stayInFront=true".
• if multiple windows are open with stayInFront=true they will keep the order in which they were opened

Szenario:

• We have a grid of records, where a record is a "pipeline configuration" that allows users to edit pipeline steps ("nodes").
• When the user clicks on a record, we open an "edit pipeline" window.
• Inside the "edit pipeline window" we have list of "nodes" and the user can click "edit" on each node. This will open a second window containing details to the selected node.

Current problem:

If both windows are open, the user can click on the first (a big one) and this will be moved to front and hide the "node details" window. That makes no sense but we cannot use a dialog because users should be able to select a different node (in the first window).

Add "between" grid filter row operator similar to DevExpress for angular one.

Example here:

https://js.devexpress.com/Demos/WidgetsGallery/Demo/DataGrid/Filtering/Angular/Light/

Currently, the width property is available only for horizontally oriented legend:

Provide an option to set the width of the legend when orientation is set to vertical.

Similar to the following feature request logged in Kendo UI for jQuery - Add ability to sanitize exported data in Excel spreadsheet to prevent formula-injection

So far cell values starting with '=', are executable in the Excel file:

https://stackblitz.com/edit/angular-v3pp4n-vspiss

There is a way to prevent that by manually customizing the generated workbook and adding a single quote prefix to the cell value.

cell.value = "'=Executable-Formula";

However, this will change the initial value of the cell.

Provide a way to prevent the formula injection and persist the value in the cell.

Feature to add "Select All" option in the Column Chooser of the Grid.

Similar to the feature in jQuery Grid: Display SelectAll in the ColumnMenu for Showing and Hiding Columns | Kendo UI Grid for jQuery | Kendo UI for jQuery (telerik.com)