Hello,

I need to set placeholder in multiselect with kendoMultiSelectSummaryTag. its not working .

Please check this stackblitz demo and update it with new code.

https://stackblitz.com/edit/angular-hhk2wg?file=app/app.component.ts

     Hi

I am using combobox . I need to  height of kendoDropDownListNoDataTemplate . How can I do It ?

Please update the code in stack blitz

https://stackblitz.com/edit/angular-lgj9v5?file=app/app.component.ts

Thanks 

Nilesh Zala

I have a enum type field -(eg: CustomerState). And I have binded to kendo grid to dispay the text value of the enum as below,

<kendo-grid-column field="customerState" title="{{'LABELS.customerState' | translate}}" width="100">
        <!-- <ng-template kendoGridCellTemplate let-dataItem>
            {{ dataItem.customerState | enumTranslate: customerState | async }}
        </ng-template> -->

         <ng-template kendoGridCellTemplate let-element>
          {{CustomerState[element.customerState]}}
        </ng-template>

      </kendo-grid-column>

I have set filterable="menu" in the grid. So I see a default filtering option in the UI page with Contains search as default. 

Problem is when I search the text value of the field(eg: Inactive state), I get no results. but when I search as 0 or 1 or 2, I get the filtered result.

So is there any easier alternative to filter based on a particular enum value from all list of records in the grid?

I have a question concerning the [kendoGridBinding] attribute and the [filterable]="menu" attribute. 

Can you bind a Kendo Grid using the [kendoGridBinding] attribute to an service Api call that returns an observable? 

I have my grid currently working with the [data] attribute using an observable but every time that I switch it to the [kendoGridBinding] attribute to be able to use advanced features my console throws errors and the grid data never loads. 

Here is the current list of attributes for my grid definition that seem to not work. Note I am attempting to do paging, sorting and filtering server side using a WebApi call.

<kendo-grid [kendoGridBinding]="schedulesToDisplay"
                [filterable]="menu"
                [style.height]="'100%'"
                [resizable]="true"
                [sortable]="{
                  allowUnsort: false,
                  mode: 'single'
                }"
                [filter]="state.filter"
                [pageable]="true"
                [pageSize]="10"
                [skip]="state.skip"
                [sort]="state.sort"
                [rowClass]="rowCallback"
                (dataStateChange)="dataStateChange($event)">

Is possible change title text and action buttons of edit dialog in Custom Edit Form example ? Or EditDialogTemplateDirective customize only body of edit dialog?

And if I want change "header" or "footer" of edit dialog I must use External Form - for example: https://stackblitz.com/edit/angular-z4vcb8

     Hi everyone,

I've got a few issues with our Sortable performing badly.  I don't know necessarily what's causing it, but it's happened over the last few months of development time.  I'm hoping that I could get some insight as to possible sources of performance problems with the Kendo Sortable app.  The application is too big to post Plunker code, but a general breakdown:

- Nested Sortables.  Sortables for lanes, each lane has a sortable with cards in it.

- The lane definitions are pulled from a REST service and pulled locally.  Stored as an array of objects (ie. [{pk:100, name: Lane1, otherfield: value...}]

- The cards are pulled from a REST service and stored locally.    Stored as an object with an array of objects (ie.{100, cards:[{pk: 1, name: Card1}], 200: {...}}.

- Each card has a number of links with (click) events.  The card body has a (click) event which draws a new "board".

- [ngClass] directives are used to switch CSS classes on certain elements.

- Angular Materials tooltips are defined for certain elements.

- Some cards have an embedded app that shows images, but not all of them.

- There's some embedded SVGs for things like icons.

The cards throw a dataAdd when traversing "lanes", which sets a class variable to the dataItem.  There is an dragStart event, which sets a boolean.  There's a dragOver event that queries for the current card being dragged (document.querySelector('div[aria-grabed="true"]') and sets its CSS class, and on dragEnd it does the same call and removes that class.

The drag animation skips and lags even when there's only a small number of items (half a dozen or so) and I'm not performing REST calls while dragging or on dataAdd, only on dragEnd.

We're running @progress/kendo-angular-sortable": "^2.0.1" and @progress/kendo-angular-common": "^1.1.0".  I don't know if there's massive performance improvements in later versions, but maybe I could get some insight?

Thank you all very much.

I am not sure what it is called so I will instead attempt to describe the behavior I am seeking in order to ask my question. 

It seems that the default filter implementation fires the dataStateChange event every time you type in the filter field. So example, if I have a city column in a grid with a default string filter and I begin to type the letter "A" for the city of Atlanta the dataStateChange event is immediately fired and then fires for each keystroke afterwards. This is an issue since we are attempting to figure out how to perform our filtering server side by passing the filters in a query string to a web api operation. I want to be able to allow the user to input say the entire text for the city of Atlanta before firing a dataStateChange event. If this is not an option I would like to be able to some how hold the response until the user clicks a filter button.  

I remember in the previous version of KendoUI for jQuery that we had filters that were inline of the column and had a filter button and a clear button. So you could type the full city for instance and then click filter. Are these still available and if so can you point me to any example code. 

I have attached an image to show what I am talking about.

We have a Scheduler component and the Month View displays 6 weeks/rows - showing the current month as well as the next 1.5 - 2 weeks of the following month.

I would like have it only display the 4 weeks of the current month, rather than spilling into the next. Is this supported by the scheduler, or is there a way to implement that?

In my research I found the same question for the jQuery UI scheduler in which the answer pointed to a custom implementation/extension of the month view, but was unable to find any similar solution/direction for the Angular component.

Hello,

I was reading about "typing" in message where if it is true a "typing animation" will be displayed in the chat.

But how could I to know in angular 7 when the user is typing words in the textbox chat for send a notification to other user? I was thinking in do some onchange subscription by DOM selector in angular 7 but I cant find the way...

Please could you help me?

Thanks in advance.