edit dialog

[Grant Stephen]

can i set the width of edit dialog witout overridding css?

]G

[Thavasianand Sankaranarayanan]

Hi Grant, 

Thanks for contacting Syncfusion support. 

We have analyzed your query and we suspect that you want to set width for the edit mode dialog. So, we suggest you to set the width of the dialog in actionComplete event of ejGrid control. 

Refer the below code example. 

@(Html.EJ().Grid<object>("FlatGrid") 

        .Datasource((IEnumerable<object>)ViewBag.datasource) 

         

        .AllowPaging()    /*Paging Enabled*/ 

        .EditSettings(edit => { edit.AllowAdding().AllowDeleting().AllowEditing().EditMode(EditMode.Dialog); }) 

         

        .ToolbarSettings(toolbar => 

        { 

            toolbar.ShowToolbar().ToolbarItems(items => 

            { 

                items.AddTool(ToolBarItems.Add); 

                items.AddTool(ToolBarItems.Edit); 

                items.AddTool(ToolBarItems.Delete); 

                items.AddTool(ToolBarItems.Update); 

                items.AddTool(ToolBarItems.Cancel); 

            }); 

        }) 

        .ClientSideEvents(clientevent => clientevent.ActionComplete("complete")) 

        .Columns(col => 

        { 

            ----------- 

 

        }) 

     

        ) 

----------------- 

function complete(args) { 

             

            if ((args.requestType == "beginedit" || args.requestType == "add") && args.model.editSettings.editMode == "dialog") { 

                 

                $("#" + this._id + "_dialogEdit").ejDialog({ width: 500}); // set the width for edit mode dialog  

            } 

} 

We have prepared a sample and it can be downloadable from the below location. 

Sample: http://www.syncfusion.com/downloads/support/forum/130530/ze/SyncfusionMvcApplication14-1681453351 

Refer the help documentation. 

Link: https://help.syncfusion.com/api/js/ejdialog#members:width 

Link: https://help.syncfusion.com/api/js/ejgrid#events:actioncomplete 

Regards, 

Thavasianand S.