EditDialogFieldSettings or AddDialogFieldSettings custom fields on gantt dialog

[Rendson]

https://ej2.syncfusion.com/vue/documentation/api/gantt/addDialogFieldSettings/#adddialogfieldsettings

I'd like know how create custom fields on dialog gantt.

For the example I have 3 fields like this:

But only display one, how i can solve this also define type data of each field.

Tks

editDialogFields: [

     {

type: 'Custom',

headerText: 'Otros',

fields: ['user', 'status', 'weight']

}

]

[Pooja Priya Krishna Moorthy]

Hi Rendson, 

Thanks for contacting Syncfusion support. 

To render custom fields in add/edit dialog, we need to define the custom fields in the columns property. Please find the below code example. 

<template> 

   <ejs-gantt ref='gantt' id="GanttContainer"   

   //... 

    :columns= "columns"> 

   </ejs-gantt> 

</template> 

export default Vue.extend({ 

  data: function() { 

      return{         

            columns: [ 

              //... 

                {field: 'user'}, 

                {field: 'status'}, 

                {field: 'weight'},     

            ], 

      }; 

  }, 

}); 

Please refer the below documentation and sample link. 

Documentation - https://ej2.syncfusion.com/vue/documentation/gantt/columns/?#defining-columns 

Sample - https://codesandbox.io/s/vue-template-e07h6?file=/src/App.vue 

Regards, 

Pooja K.