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

AutoComplete width

1 Answer 232 Views
AutoComplete
This is a migrated thread and some comments may be shown as answers.
Saquib
Top achievements
Rank 1
Iron
Iron
Iron
Saquib asked on 11 Oct 2017, 08:01 AM

I can't work out how to set the width of the autocomplete input. Using PopupSettings I can set the width of the pop out box, is there an equivalent way of setting the width of the component itself ? Thanks.

 

<label class="k-form-field">
<span>Select Product</span>
<kendo-autocomplete
[popupSettings]="{width: 500}"
[data]="listItems"
[valueField]="'AltProductDescription'"
[filterable]="true"
[placeholder]="'e.g. Seed'"
(valueChange)="valueChange($event)"
(filterChange)="filterChange($event)"
>
</kendo-autocomplete>

1 Answer, 1 is accepted

Sort by
0
Svet
Telerik team
answered on 12 Oct 2017, 01:26 PM
Hi Saquib,

Setting the width of the AutoComplete can be accomplished by adding a css style to the component - style="width: 250px".
Additionally, you can set the width of the DropDown Popup by following the instructions on the following page:

https://www.telerik.com/kendo-angular-ui/components/dropdowns/#toc-dimensions

I hope this helps.

Regards,
Svetlin
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
AutoComplete
Asked by
Saquib
Top achievements
Rank 1
Iron
Iron
Iron
Answers by
Svet
Telerik team
Share this question
or