Column Menu is not working

Question

Hi,I've a column menu implemented in Gantt chart but somehow it's not working. On clicking on three dots at any column, the popup is not opening. I've added dependencies as shown in the below code snippet. Please find screenshot of Gantt chart also. Please let me know how to resolve the

Ashutosh Khanapure · Accepted Answer

Thanks Monisha, This resolved my issue

Monisha Sivanthilingam · Answer

Hi Ashutosh, 
 
Greetings from Syncfusion support. 
 
We were able to replicate the issue you reported. We suspect that this is due to the required modules not being injected. You need to inject the SortService, FilterService, ColumnMenuService modules in your sample to avoid this issue. The following code snippets demonstrate the solution. 
 
App.module.ts 




 
import { GanttModule } from "@syncfusion/ej2-angular-gantt"; 
import { 
  SortService, 
  FilterService, 
  ColumnMenuService 
} from "@syncfusion/ej2-angular-gantt"; 
 
 
@NgModule({ 
  declarations: [AppComponent], 
  imports: [ 
    BrowserModule, 
    GanttModule, 
    DropDownListAllModule, 
    CheckBoxAllModule, 
    TextBoxAllModule, 
    NumericTextBoxAllModule, 
    MultiSelectAllModule, 
    DropDownListModule 
  ], 
  providers: [SortService, FilterService, ColumnMenuService], 
  bootstrap: [AppComponent] 
}) 
 
 
Sample: https://codesandbox.io/s/youthful-swanson-pk8c9?file=/src/app/app.module.ts 
 
Please refer our Online Documentation for more information on module injection in Gantt. 
 
Regards, 
Monisha.

Monisha Sivanthilingam · Answer

Hi Ashutosh, 
 
You are welcome. 
 
Please contact us if you require any further assistance. 
 
Regards, 
Monisha.