How to set size of kendo grid editor popup

[Edney]

Environment Info: ASP for .Net Core, taghelper kendo-grid

I have defined a template for a kendo grid popup editor. 

<editable mode="popup" template-id="popup-editor">
    <editable-window title="Add/Edit Collateral"/>
</editable>

This is the template

@using Kendo.Mvc.UI

@addTagHelper *, Kendo.Mvc

@model MyApp.Web.ViewModels.MyViewModel

<div id="divEditImpliedSupport">
	<form method="post" id="frmImpliedSupport" asp-action="SaveImpliedSupport" asp-controller="ReviewApi">
		<input type="hidden" asp-for="CollateralID" />
		<div class="row">
			<div>
				<formgroup>
					<formlabel asp-for="CollateralDescription" ></formlabel>
					<div>
						<forminput asp-for="CollateralDescription" style="width:400px;"></forminput>
					</div>
				</formgroup>
			</div>
		</div>
	</form>
</div>

 

How do I set the size of the popup window?

 

[Eyup]

Hi Edney,

 

Thank you for contacting us.

You can achieve this requirement using the following approach:

<style>
    .k-window:has(.k-popup-edit-form){
        width:600px;
        height:500px;
    }
</style>

I have prepared a live example for your convenience:
https://netcorerepl.telerik.com/mJOxaflU59LnW3Hi16

Do you find this answer helpful? Let me know what you think.

 

Regards,
Eyup
Progress Telerik