Incorrect Appearance or Errors Occur in Hidden Widgets

Environment

Product	Progress® Kendo UI® for jQuery
Kendo Version	2017.2.621

Description 

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

Cause

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.

Solution

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