Telerik Forums
Kendo UI for Angular Forum
2 answers
1.1K+ views

I've got a strange case with an in-grid dropdown filter that, for some reason, will bind to the first seven or eight of twenty-one objects in an array but will send back an empty array when sending back to vmUserFilters and vmUserChange as well as having the dropdown vanish when users after the eighth or ninth record are selected. One work-around is selecting a name in the first seven records and then adding a record between the ninth and twenty-first and removing the first added however I don't think our client will accept that arrangement. Below is the grid column and dropdown in question:

 

        <kendo-grid-column field="currentHolderId" title="Sales Person" width="100">
        <ng-template kendoGridFilterMenuTemplate
                     let-column="column"
                     let-filter="filter"
                     let-filterService="filterService">
          <kendo-multiselect [data]="vmusers"
                             textField="userName"
                             valueField="id"
                             [valuePrimitive]="true"
                             [value]="vmUserFilters(filter)"
                             (valueChange)="vmUserChange($event, filterService)">
          </kendo-multiselect>
        </ng-template>
        <ng-template kendoGridCellTemplate let-dataItem>
          {{vmuserFind(dataItem.currentHolderId)?.userName}}
        </ng-template>
      </kendo-grid-column>

 

Some additional information from my code:

The functions referenced above:

  public vmUserFilters(filter: CompositeFilterDescriptor): FilterDescriptor[] {
    return flatten(filter).map(({ value }) => value);
  }

  public vmUserChange(values: any[], filterService: FilterService): void {
    filterService.filter({
      filters: values.map(value => ({
        field: 'currentHolderId',
        operator: 'eq',
        value
      })),
      logic: 'or'
    });
  }

 

The interface for the vmusers array:

export interface IVMUser {
  id: string
  userName: string
  role: string
}

 

Let me know if you can think of anything that could be causing this issue behind the scenes or what I might need to add/update. I can verify that these values are consistent - ie. id is a unique identifier, userName is a first and last name, role is a single-word string.

 

Thank you!

 

Ron
Top achievements
Rank 1
Iron
Iron
Iron
 answered on 23 May 2019
1 answer
261 views

Hello Angular Kendo UI Team,

I think I might have found a bug. On the attached screenshot I show that as a table cell is in edit mode, elements in other columns rerender, e.g. SwitchComponent and possibly due to css class conflict the said component is stretched (just while in edit mode of another cell)

Cheers, K. Dimitrov

Svet
Telerik team
 answered on 23 May 2019
5 answers
1.0K+ views
I am using the kendo auto complete that has required and minlength validation attached to it. I am unable to get the error messages to show correctly.
 
The code below does show the messages however causes error messages when trying to access the component in the javascript via @Viewchild the component is not accessable.

 

<kendo-autocomplete
    #autocomplete="ngModel"
    name="nameSearch"  
    [(ngModel)]="selectedResult"
    [data]="searchResults"                   
    [valueField]="'displayName'"
    [filterable]="true"
    [tabIndex]="0"
    [placeholder]="'Scientific Name or Common Name'"             
    class="search-box" required minlength="2">
</kendo-autocomplete>   
<div *ngIf="autocomplete.errors && autocomplete.touched">
     <small *ngIf="autocomplete.errors?.required" class="alert alert-danger">Please enter a name or common name to search.</small>
      <small *ngIf="autocomplete.errors?.minlength" class="alert alert-danger">You must enter at least 2 characters to search.</small>
</div>   

 

If I change the html to #autocomplete="kendoAutoComplete" then I can access it in the code but the validation messages go away. What am I doing wrong?

 

schakravarty
Top achievements
Rank 2
Iron
Iron
 answered on 22 May 2019
1 answer
342 views
We are using Conversation UI for chatting between two party.our requirement is initially its load 10 messages ,more older messages will be load as scroll reach at top. but there is not such event is available that fired when scroll reach at top in conversation UI.
Martin Bechev
Telerik team
 answered on 22 May 2019
2 answers
699 views

Hi,

I'm using the External Editing example:

https://www.telerik.com/kendo-angular-ui/components/grid/editing/external-editing/ 

and I have a checkbox, but I want the checkbox to be k-checkbox style.

https://angular-q8u3nm.stackblitz.io

But if you Add and bring up the external form, you can see that the checkbox is styled right but is disabled.

Is it not possible to use Kendo Checkbox in a reactive form? This documentation suggests they may not supported after all:

https://www.telerik.com/kendo-angular-ui/components/forms/forms-support/

Any way to make this work?

James

James
Top achievements
Rank 1
 answered on 22 May 2019
1 answer
312 views

For the Color Picker Toolbar component, is it posible to use the gradient?

I tried this, but it doesn't work:

<kendo-toolbar-colorpicker kendoEditorForeColor [view]="'gradient'"></kendo-toolbar-colorpicker>
Petar
Telerik team
 answered on 22 May 2019
3 answers
110 views

Hello Telerik team,

I would like to ask if you plan on improving kendo-window performance. I really like the idea of this feature and now how much rerendering has to be done. As a suggestion: maybe use a placeholder until finish-move-event like a dashed rectangular area.

Cheers, K. Dimitrov

Dimiter Topalov
Telerik team
 answered on 22 May 2019
2 answers
219 views

I've noticed the external form editing example has some exaggerated form resizing problems on validation errors.

https://www.telerik.com/kendo-angular-ui/components/grid/editing/external-editing/

Simply click Add, then enter alpha chars for the Units in Stock. The form widens way too much and also increases height to accomodate the unhidden text element.

Is there a way to fix the form so that it either resizes more predictably, or preferably doesn't resize and instead has space for the validation text to appear.

James
Top achievements
Rank 1
 answered on 21 May 2019
1 answer
2.1K+ views

Hello, 

I am trying to set the color of the placeholder text that appears in the kendo-autocomplete input box when there is no text in the box.  It is currently a light grey and I would like to change it to white (#ffffff).  Is it possible to override this?  

Thanks,

Bryan Smouse

Martin Bechev
Telerik team
 answered on 21 May 2019
1 answer
125 views

Hi,

Current we are using Angular 6 ("@angular/compiler-cli": "^6.0.3", "typescript": "~2.7.2", "@angular/cli": "~6.0.8") and kendo grid "3.6.0" version ("@progress/kendo-angular-grid": "^3.6.0").

We know that this issue is fixed in "v3.10.0 (2018-11-22)" version. But this version is compatible with Angular 7.x version.

Now we don't want to migrate only because of this issue (and another is time constraint).

Is there any work around for this issue to make the filters visible in 3.6.0 itself for isnull, isnotnull, isempty and isnotemp.

Thanks,

Rajesh

 

Dimiter Topalov
Telerik team
 answered on 17 May 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?