3 Answers, 1 is accepted
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/.
Thank you for the quick turn-around.
I tried this method but it is not working, can you suggest any other way?
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/.