This is a migrated thread and some comments may be shown as answers.

Textbox Suffix Adornments Error

2 Answers 353 Views
TextBox
This is a migrated thread and some comments may be shown as answers.
Maizal
Top achievements
Rank 1
Maizal asked on 20 Jan 2021, 07:29 PM

I'm trying to put textbox suffix adornments in place in a textbox (and in a textbox inside the Grid). I'm getting the following error below in the console. Anyone seen this before? And additionally can textbox suffix adornments be used inside a templated grid cell?

(I have included the label package in the module as well, which was suggested elsewhere). Is this a common error?

 

 

"If 'kendo-textbox' is an angular component, then verify that it is part of this module."

 

 <kendo-textbox placeholder="Contact name">
            <ng-template kendoTextBoxSuffixTemplate>
                <kendo-textbox-separator></kendo-textbox-separator>
                <button kendoButton [look]="'clear'" [icon]="'calendar'"></button>
                <kendo-icon [name]="'bell'"></kendo-icon>
            </ng-template>
        </kendo-textbox>

2 Answers, 1 is accepted

Sort by
0
Preslava
Telerik team
answered on 21 Jan 2021, 11:09 AM

Hi Maizal,

The TextBox component was released in v6.7.0 of the Inputs package. I would suggest checking, whether the version used is an earlier one, as that could be the issue.

As for the second question, the suffix adornments can be used anywhere as long as they are part of the TextBox component.

I hope this helps. Let me know should there be further questions.

Regards,
Preslava
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
Mahesh
Top achievements
Rank 1
answered on 26 Feb 2021, 11:16 AM

Hi Team,
Facing the issue in using <kendo-textarea-suffix> -  to achieve Character Counter adornments
<kendo-textarea
         [maxlength]="maxlength"
          [value]="value"
          (valueChange)="onValueChange($event)"
           (focusout)="logError()"
 >
                 <kendo-textarea-suffix class="custom-styling">
                         <span class="counter">{{ counter }}</span>
                 </kendo-textarea-suffix>
 </kendo-textarea>
But I am unable to get the expected output from this code described in the site. Please let me know If I am missing any thing.

Tags
TextBox
Asked by
Maizal
Top achievements
Rank 1
Answers by
Preslava
Telerik team
Mahesh
Top achievements
Rank 1
Share this question
or