This is a migrated thread and some comments may be shown as answers.
How to set height of kendoDropDownListNoDataTemplate
1 Answer 7 Views
This is a migrated thread and some comments may be shown as answers.
Casey
Top achievements
Rank 1
Casey asked on 12 Dec 2019, 10:22 AM

     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

 

 

 

1 Answer, 1 is accepted

Sort by
0
Martin
Telerik team
answered on 13 Dec 2019, 02:39 PM

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

Get quickly onboarded and successful with your Telerik and Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Asked by
Casey
Top achievements
Rank 1
Answers by
Martin
Telerik team
Share this question
or