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

How to change placeholder of kendo multiselect widget by css rules?

5 Answers 125 Views
MultiSelect
This is a migrated thread and some comments may be shown as answers.
Federico
Top achievements
Rank 1
Federico asked on 17 Jan 2018, 09:35 AM

How to change placeholder of kendo multiselect widget by css rules?

 

.k-multiselect-wrap > .k-input {
     color: #f02c0c; /* specify the default input color */ content: "HOME";
}

 

 

This rule doesn't work. Change the color, but not the content.

5 Answers, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 19 Jan 2018, 08:49 AM
Hi Federico,

The placeholder's text cannot be changed through CSS. If you want to set a new placeholder message you can do so with the widget's API as shown in this dojo. In it the initially set placeholder "Select..." is changed to "New...".

Regards,
Ivan Danchev
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.
0
Christina
Top achievements
Rank 1
answered on 17 Jul 2020, 05:01 PM
Is there something like this for Angular?
0
Ivan Danchev
Telerik team
answered on 21 Jul 2020, 11:39 AM

Hi,

In Angular you can use the placeholder property to set the placeholder: https://stackblitz.com/edit/angular-vfkbk4-vrxf8p?file=app/app.component.ts

 

Regards,
Ivan Danchev
Progress Telerik

0
Nishtha
Top achievements
Rank 1
Veteran
answered on 02 Feb 2021, 07:29 AM
How can we change placeholder color for kendo-multiselect in angular typescript?
I have tried multiple ways but it is not getting changed.
0
Ivan Danchev
Telerik team
answered on 03 Feb 2021, 03:01 PM

Hi Nishtha,

The Kendo UI for Angular MultiSelect has its own forum: https://www.telerik.com/forums/kendo-angular-ui/multiselect If you have questions on the component and its configuration, please open a thread there.

Regards,
Ivan Danchev
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/.

Tags
MultiSelect
Asked by
Federico
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Christina
Top achievements
Rank 1
Nishtha
Top achievements
Rank 1
Veteran
Share this question
or