We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

How Customize edit window Gantt

Hi,

How can i change edit window, i put more 6 fields on the grid and in my case, the window fill the screen and cut the grid and buttons take a look in the file attachment

Regards,
Otto Machado.

Attachment: edit_window_f820bdfb.rar

5 Replies

JR John Rajaram Syncfusion Team March 24, 2015 07:17 AM UTC

Hi Otto,
Thanks for using Syncfusion products.
We would like to let you know that, currently there is no support for customizing ADD and EDIT dialog box. For this we have already logged a Feature Request for “UI customization for the dialog box” and a support incident has been created under your account to track the status of this requirement. Please log on to our support website to check for further updates.
https://www.syncfusion.com/account/login?ReturnUrl=/support/directtrac/incidents

Please let us know if you need more information on this.

Regards,
John. R



OM Otto Moura Machado Filho March 24, 2015 02:13 PM UTC

Hi,

Ok, i'm waiting for this feature.

There is any workaround to hidden this 6 fields from edit window.

regards,
Otto Machado


JR John Rajaram Syncfusion Team March 25, 2015 05:19 AM UTC

Hi Otto,
Thanks for the update.
We would like to let you know that, we can enable or disable required fields in both edit dialog box and add dialog box for all the predefined columns and custom columns with the help of “EditDialogFields” and “AddDialogFields” property. The provided fields in the “EditDialogFields” and “AddDialogFields” property alone will be displayed in the dialog box of the Gantt chart.

Please refer the following code snippets for more details.

Code snippets:

<body style="position: static; margin: 0px; padding: 2px">

@(Html.EJ().Gantt("Gantt").

//...

.EditDialogFields(eve =>

{

eve.Field("Name").Add();

eve.Field("StartDate").Add();

eve.Field("Description").Add();//To display custom column

})

.AddDialogFields(eve =>

{

eve.Field("Id").Add();

eve.Field("Name").Add();

eve.Field("StartDate").Add();

eve.Field("Duration").Add();

})

.ClientSideEvents(eve => {

eve.Load("Load");

})

.Datasource(ViewBag.dataSource)

)

@(Html.EJ().ScriptManager())

<script>

function Load(args) {

var columns = this.getColumns();

columns.splice(2, 0,

{

field: "Desc",

headerText: "Description",

editType: "stringedit",

mappingName: "Description", //Provide this mapping name

width: "180px"

});

}

</script>

</body>

We have prepared a sample based on this. Please find the sample in the following location.

Sample: http://www.syncfusion.com/downloads/support/forum/118604/MVCLocale_EditDialog1414474926.zip

Please let us know if you need further assistance on this.

Regards,
John R



OM Otto Moura Machado Filho March 25, 2015 08:53 PM UTC

Thanks it works like a charm.

One more thing, I've tested the edit and add dialog box and the end date and start date, don't  use the DateFormat("dd/MM/yyyy") that i set on the gantt.  
they using this dateformat("MM/dd/yyyy"); 

How can i set this dateformat to edit and add dialog box;

Regards,
Victor Leonardo.



JR John Rajaram Syncfusion Team March 26, 2015 06:30 AM UTC

Hi Otto,

Thanks for the update.

We have already logged and fixed this issue “Validating end date with date format in dialog box”. Also we have created a support incident under your account to track the status of this issue.

Please log on to our support website to check for further updates.

https://www.syncfusion.com/account/login?ReturnUrl=%2fsupport%2fdirecttrac%2fincidents

Please let us know if you require further assistance on this.
Regards,
John R


Loader.
Live Chat Icon For mobile
Up arrow icon