EjsGrid set edit dialog size

[Daniele]

Hi!

I'm using the EjsGrid in my application, with the edit mode set as "EditMode.Dialog". I have several fields in the dialog, is there a way to adjust the size of the first div in the template, for instance to the 80% of the page, both horizontally and vertically?

Thank you

Daniele

[Vignesh Natarajan]

Hi Daniele,  

 

Thanks for contacting Syncfusion support.  

 

Query: “is there a way to adjust the size of the first div in the template, for instance to the 80% of the page,.” 

 

From your query we suspect that you want to adjust the size of the edit Dialog in Grid, so that you can change the size of the div element from the dialog template. We suggest you to achieve you to achieve your requirement Dialog Property of the GridEditSettings.  

 

Refer the below code example.  

 

<EjsGrid DataSource="@GridData" Toolbar="@(new string[] {"Add", "Edit" ,"Delete","Update","Cancel" })">    <GridEditSettings AllowAdding="true" Dialog="@Dialog" AllowEditing="true" AllowDeleting="true" Mode="@EditMode.Dialog">        <Template>            @{                var Order = (context as OrdersDetails);                <div>                    <div class="form-row">                        <div class="form-group col-md-6" style="width:80%">                            <label class="e-float-text e-label-top">Order ID</label>                            <EjsTextBox ID="OrderID" Value="@(Order.OrderID.ToString())" Width="80%" Enabled="false"></EjsTextBox>                        </div>. .. . . . . . .. . . ..             }        </Template>    </GridEditSettings>.. . . . . .. . </EjsGrid> @code{   . . . . ..     public object Dialog = new    {@@params = new DialogModel { Width = "1000", Height = "500" }};

  

For your convenience we have prepared a sample which can be downloaded from below  

 

Sample: https://www.syncfusion.com/downloads/support/forum/152263/ze/BlazorApp12112692053  

 

Kindly get back to us if you have further queries. 

 

Regards, 

Vignesh Natarajan.