How to set height of kendoDropDownListNoDataTemplate

2 posts, 0 answers
  1. Casey
    Casey avatar
    16 posts
    Member since:
    Dec 2017

    Posted 12 Dec 2019 Link to this post

         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

     

     

     

  2. Martin
    Admin
    Martin avatar
    252 posts

    Posted 13 Dec 2019 Link to this post

    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.
Back to Top