Telerik Forums
Kendo UI for Angular Forum
1 answer
252 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
338 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
690 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
304 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
108 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
216 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
123 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
3 answers
1.1K+ views

Hi!

In my application I need a feature whenever the user changes the windows size, I need to change the grid's height according to this resize event. This way the grid's content will be scrollable and not the entire grid.

My solution works perfectly when the windows height is decreased. The problem occurs if I want to increase the window's height because I don't know how much height does the grid need to display all of his rows (non virtual scroll). Therefore when the grid has for example only 1 datarow, but the available space is much more there will be a lot of empty space between the grid's datarow and the pager.

My question is how can I know that how much height does the grid need to display it's datarows? Or (if it's not possible) how can I avoid the problem which I described before?

Example application:

https://stackblitz.com/edit/grid-auto-height-resize

 

Svet
Telerik team
 answered on 17 May 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
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?