@Component({
selector: 'my-app',
template: `
<kendo-combobox [data]="listItems">
<ng-template kendoComboBoxNoDataTemplate>
<h4>No data!</h4>
</ng-template>
</kendo-combobox>
`
})
class AppComponent {
public listItems: Array<string> = [];
}
<ng-template kendoComboBoxNoDataTemplate> <kendo-textarea placeholder="Enter text here." [rows]="4" resizable="both" formControlName="name"> </kendo-textarea> </ng-template>
but showing like this. is this kendo-textarea can we show properly in this template.
I'm placing a component inside textbox and textarea suffixes:
<kendo-textarea #noteInput
[(ngModel)]="newNote"
[maxlength]="MAX_LENGTH_NOTE"
>
<kendo-textarea-suffix>
<ci-counter
[value]="noteInput.value"
[max]="noteInput.maxlength"
[displayAtThreshold]="100"
></ci-counter>
</kendo-textarea-suffix>
</kendo-textarea>
That works fine, but I'd like to remove them when the input isn't being edited. Is there any property or other way to know this through the template? Such as:
<kendo-textarea #noteInput
[(ngModel)]="newNote"
[maxlength]="MAX_LENGTH_NOTE"
>
<kendo-textarea-suffix>
<ci-counter *ngIf="noteInput.???"
[value]="noteInput.value"
[max]="noteInput.maxlength"
[displayAtThreshold]="100"
></ci-counter>
</kendo-textarea-suffix>
</kendo-textarea>
I have been using the kendo-textarea component, and I saw that it had the functionality to set a default row height, and autosize depending on its contents: https://www.telerik.com/kendo-angular-ui/components/inputs/textarea/sizing/
However, I wish to do both. That is, I would like to set my default row height so that row=5, and autosize depending on the contents of the textarea. Is this possible? I tried it out with both my code and editing your autosize example using Stackblitz, however, it doesn't seem to be able to do both:
Is it possible to do both? Please advise.
Many thanks,
Hazel
Hi, we are looking for the input, dropdowns which has this outline design in the material theme but we are not able to find it.
It'd have been better if we have this.
something like this https://codepen.io/finnhvman/pen/xyOORQ
Thanks.
when we set a rows to 3 and set a min-height as 200px with a counter at the bottom for a kendo textarea and we start type it automatically reduces the height according to 2 rows and if we didn't set any rows the height we set is comes below after the counter part but i need the height in textarea part. Can you please find me a solution to set the height for the kendo text area?
here i share a stackblitz example for the above issue
https://stackblitz.com/edit/angular-63c7zd?file=src/app/app.component.ts
From what I can tell the textArea Resize and Auto-Resize not functioning as expect after latest R1 2022
Hello,
I want to stretch the textarea to it's full parent height, without the dragable reziser and the parent is a flexbox.
What is the best way to achive it? Do I have to edit the underlying textarea css?
Setting the kendo-textarea to `flex: 1` stretches only the kendo element not the textarea inside.
Example: stackblitz
EDIT: Scribble for better understanding
Hi,
Where is my mistake ?
Regards
<kendo-textarea
#modifyContactNoteInput
formControlName="modifyContactNoteInput"
rows="10"
placeholder="Leave a comment"
id="modifyContactNoteInput"
class="NoteDossier"
></kendo-textarea>
</div>
hi, I have found an issues with autosize true. for large text it adds a lot of empty rows. How can I resolve this issue? See example below
https://stackblitz.com/edit/kendo-angular-textarea-autosize-height-b7csdb