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

Remove typing box from MultiSelect component

1 Answer 264 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
James
Top achievements
Rank 1
James asked on 06 Aug 2018, 08:04 PM

The MultiSelect component appears to have an invisible textbox section that is allowed for the user to type and search the list.  How can I disable this?  It is very confusing at times because my users want to click the dropdown to select an option but you get no response because your actually clicking inside the textbox portion.  So you have to move your mouse over a bit to leave the textbox then click to bring up your options.  I have tried setting the filterable option to false but no luck.

 

Alternate solution is how I can enable the dropdown options to appear even if I click inside this textbox?

1 Answer, 1 is accepted

Sort by
0
Alexander Valchev
Telerik team
answered on 08 Aug 2018, 09:45 AM
Hello James,

It is not possible to disable the text input of the MultiSelect component via configuration option. If you insist to do so, you may use CSS to set it's display property to none.

.k-searchbar {
  display: none;
}


Note that the .k-searchbar element is also used in other components such as ComboBox and AutoComplete, so you may have to use a more specific CSS selector.

Last but not least, the issue with opening on click is a known one and is already fixed in the latest dev version of the package. Please download v3.0.3-dev.201808031552 and give it a try.


Regards,
Alexander Valchev
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
General Discussions
Asked by
James
Top achievements
Rank 1
Answers by
Alexander Valchev
Telerik team
Share this question
or