Telerik Forums
Kendo UI for Angular Forum
1 answer
108 views

Hi.

The default behavior of pressing ctrl + z is to undo the last character entered. But if you enter several letters in kendo-textbox and kendo-textarea and press ctrl + z, all the entered letters are undo.

However, kendo-autocomplete or kendo-combobox only undo the last character when pressing ctrl + z.
How can I return the default undo behavior for kendo-textbox and kendo-textarea (undo only the last character entered)?

Thanks.

angular 17.3.7

kendo 16.4.0

 

Zornitsa
Telerik team
 answered on 04 Sep 2024
1 answer
60 views
@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.
Hetali
Telerik team
 answered on 10 Apr 2024
1 answer
323 views

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>

Hetali
Telerik team
 answered on 01 Dec 2023
0 answers
257 views
I am having an issue applying a white-space: nowrap style to a kendo-textarea.  The parent kendo-textarea has the nowrap style, the textarea inside the kendo-textarea inherites the nowrap but the user agent stylesheet then overrides the nowrap and giving it a pre-wrap.

Is there a way to add styling to a textarea directly without it being inherited through kendo-textarea?
Scott
Top achievements
Rank 1
 asked on 08 Nov 2023
2 answers
1.7K+ views

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

Hans-Werner
Top achievements
Rank 1
Iron
 answered on 12 Jul 2023
1 answer
430 views

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.

0 answers
138 views

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

gowtham
Top achievements
Rank 1
 asked on 27 Jul 2022
1 answer
1.1K+ views

From what I can tell the textArea Resize and Auto-Resize not functioning as expect after latest R1 2022

Preslava
Telerik team
 answered on 25 Jan 2022
2 answers
114 views

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

Stoyan
Telerik team
 answered on 08 Oct 2021
1 answer
15.7K+ views

Hi,

 

Where is my mistake ?

Regards

  <kendo-textarea
#modifyContactNoteInput
formControlName="modifyContactNoteInput"
rows="10"
placeholder="Leave a comment"
id="modifyContactNoteInput"
class="NoteDossier"
></kendo-textarea>
</div>
Yanmario
Telerik team
 answered on 18 Jun 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?