How to resize a kendo popup edit screen and all the elements in it to resize to a new size?

Question

Here's what the popup looks like:

I want the actual popup to be larger, as well as all the text fields inside.

Apparently this resizes the actual popup and then centers it on the screen, now the problem is that I don't know how to resize the text fields inside. It is executed in the EDIT grid event:

 window.setTimeout(function () { $(".k-edit-form-container").parent().width(800).height(400).data("kendoWindow").center(); }, 100); 

Does anyone know how to do this?

Answer 1

Can I use plain CSS? How:

 .k-edit-form-container .k-textbox, .k-edit-form-container .k-widget { width: 600px; } 

You just need to make the selectors more specific than the ones built into Kendo.

Answer 2

You can simply remove the "parent"

 window.setTimeout(function () { $(".k-edit-form-container") .width(800) .height(400) .data("kendoWindow") .center(); }, 100);