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

change placeholder color for kendo-multiselect in angular

3 Answers 149 Views
MultiSelect
This is a migrated thread and some comments may be shown as answers.
Nishtha
Top achievements
Rank 1
Veteran
Nishtha asked on 02 Feb 2021, 07:38 AM
How can we change placeholder color for kendo-multiselect in angular typescript?
I have tried multiple ways but it is not getting changed.

3 Answers, 1 is accepted

Sort by
0
Preslava
Telerik team
answered on 02 Feb 2021, 11:05 AM

Hi Nishtha,

The style of the MultiSelect placeholder text can be changed dynamically by adding and removing a custom class, according to requirements. 

Here's an example, demonstrating this approach:

https://stackblitz.com/edit/angular-azsh4m-gyhnbi 

I hope this helps.

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
Nishtha
Top achievements
Rank 1
Veteran
answered on 03 Feb 2021, 07:23 AM
Hi Preslava,

Thank you for the quick turn-around.

I tried this method but it is not working, can you suggest any other way?
0
Preslava
Telerik team
answered on 03 Feb 2021, 11:19 AM

Hi Nishtha,

In general, the MultiSelect component is created on top of the generic input HTML element, enriched with some Kendo specific functionalities and styles.

In fact, the placeholder is set through the built-in placeholder attribute of the input element <input placeholder="Select" />. Currently, the MultiSelect component does not provide a built-in option for customizing the placeholder text. Instead, it needs to be styled through CSS, by using the appropriate classes with the ::placeholder pseudo-selector.

Therefore, any further customization and adjustments in order to fit the exact project requirements are considered developer effort.

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/.

Tags
MultiSelect
Asked by
Nishtha
Top achievements
Rank 1
Veteran
Answers by
Preslava
Telerik team
Nishtha
Top achievements
Rank 1
Veteran
Share this question
or