New to Kendo UI for jQuery? Download free 30-day trial

Incorrect Appearance or Errors Occur in Hidden Widgets


Product Progress® Kendo UI® for jQuery
Kendo Version 2017.2.621


Hidden Kendo UI for jQuery widgets are rendered incorrectly or raise errors.


If you display widgets that have been in an initially hidden container, call their resize() method after you show them. Initializing widgets on elements with the style="display: none;" configuration might cause errors, such as inability to calculate dimensions and positions or even throw errors. The reason for this behavior is that such calculations are not available for elements that are not rendered by the browser.


Usually, delaying the widget initialization until after it is displayed resolves the issue and improves the page performance.

In this article