Angular Kendo-Autocomplete add search icon

Asked Jan 05 '22 at 07:25

Active Jan 05 '22 at 07:25

Viewed 564 times

We have an kendo auto complete search box as shown below I need to add a search icon inside the search box, I have checked the documentation but I couldn't find any information.

I'm have also tried adding <span class="k-icon k-i-search"></span>

<div class="mt-75px">
    <kendo-autocomplete [data]="data" [filterable]="true" 
        
        placeholder="search with parma or supplier name">

    </kendo-autocomplete>
    <span class="k-icon k-i-search"></span>
    <div class="ps-center  visible-xs">
        <button kendoButton [primary]="true" type="button" (click)="onSearch()"
           >Search</button>
    </div>


</div>

But unable to place it inside the search

Please help me with your suggestions.

asked Jan 05 '22 at 07:25

Kiran Narayan

Do you want search icon at right side but inside kendo input box ? Can you tell your full use case ? – Developer Jan 05 '22 at 09:27
@GaurangDhorda Yes, I need search icon inside the input box towards right – Kiran Narayan Jan 05 '22 at 10:15
@GRD I could achieve the requirement , Thank you. – Kiran Narayan Jan 05 '22 at 10:59
@KiranNarayan let me know further if you need. – GRD Jan 05 '22 at 11:33
Hi, @KiranNarayan, could you please share solution? – Mykhailo K. Apr 20 '22 at 08:42

Angular Kendo-Autocomplete add search icon

0 Answers0