Edit Mode : InlineForm Template

[LAID]

Hello,

1. Is there in Grid Control (NET Core EJ2) Edit mode << InlineFormTemplate >> like Net Core JS1.
2. In the  edit mode <<Dialog>>, Can I customize the dialog: Dimensions and positions of its components?

Thank's.

[Logesh Rajappa]

Hi Laid, 

Thanks for using Syncfusion products. 

Query1: “Is there in Grid Control (NET Core EJ2) Edit mode << InlineFormTemplate >> like Net Core JS1” 

Currently, we do not have support for InlineFormTemplate in EJ2 Grid. But we have considered this as feature improvement and added this to our feature request list. This feature will be available in any of our upcoming releases. 

Query2: “In the  edit mode <<Dialog>>, Can I customize the dialog: Dimensions and positions of its components?” 

We have analyzed your query, Dimension and Position of the Grid Edit Dialog can be changed from the EJ2 dialog instances with the position, width and height properties. We have initially set the min-height for the Grid Edit Dialog and you can override this through CSS.  We have also made a sample for your reference. Please find the below code and sample link to achieve your requirement, 

[index.chtml] 

 

<ejs-grid id="Grid" dataSource="ViewBag.DataSource" actionComplete="complete" allowPaging="true"> 

    <e-grid-editsettings allowAdding="true" allowDeleting="true" allowEditing="true" mode="Dialog"></e-grid-editsettings> 

    ... 

</ejs-grid> 

 

<script> 

    function complete(args) { 

        var gridObj = document.getElementById("Grid").ej2_instances[0]; 

        var elementObj = document.getElementById(gridObj.element.id + "_dialogEdit_wrapper").ej2_instances[0]; //Getting the object of Grid Edit Dialog 

        elementObj.position = { X: 100, Y: 100 }; 

        elementObj.width = "400px"; 

        elementObj.height = "800px"; 

    } 

</script> 

<style> 

    .e-edit-dialog { 

        min-height: 100px;   //Initially set a min height for dialog to override the default dialog settings 

    } 

</style> 

 

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/EJ2-dotnet-core1194664211 

Documentation Link: https://ej2.syncfusion.com/16.1.37/documentation/dialog/api-dialog.html#position 

Please get back to us if you need any further assistance. 

Regards, 

Logesh R