How to set height of kendoDropDownListNoDataTemplate

[Casey]

     Hi

I am using combobox . I need to  height of kendoDropDownListNoDataTemplate . How can I do It ?

 

Please update the code in stack blitz

https://stackblitz.com/edit/angular-lgj9v5?file=app/app.component.ts

 

Thanks 

Nilesh Zala

 

 

 

[Martin]

Hi Nilesh,

Thank you for the provided screenshot and StackBlitz example.

Basically we can change the height of the ComboBox popup, using the popupSettings property. Also, we can change the listHeight of the popup which affects only the list of suggestions and not the whole popup container. 

Using the provided CSS styles, I am afraid that 10px height would not fit the content provided in the no data template. 

Here is an example of a list with 10 px height applied without using any icons in the template, using custom CSS code:

https://stackblitz.com/edit/angular-lgj9v5-da4brd?file=app/app.component.ts

The following example demonstrates the minimum height required to show the whole no data template content:

https://stackblitz.com/edit/angular-lgj9v5-n11ap7?file=app/app.component.ts

A common pitfall is to forget to set Angular's ViewEncapsulation to None as otherwise the custom styles will not be applied unless they are provided at a global level.

Let me know if I am missing something or any further assistance is required for this case.

Regards,
Martin
Progress Telerik