context menu not showing

[Matheus]

Context menu in datagrid is not showing due to an missing css I think.

Acording to the doc example, Context Menu in Vue Grid component, the style section should be like that:

@import "../node_modules/@syncfusion/ej2-vue-grids/styles/material.css";

But it does not show the context menu (data grid is displayed as expected).

Everything works fine if I use the CDN link:

@import "https://cdn.syncfusion.com/ej2/material.css";

I´m using Vue3 with Syncfusion 19.2.44

[Joseph Christ Nithin Issack]

Hi Matheus, 

 

Greetings from Syncfusion support. 

 

We have validated the reported issue and we suggest you to import the css from node module in the following way. 

 

 

<style> 

@import '../node_modules/@syncfusion/ej2-base/styles/material.css';   

@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css';   

@import '../node_modules/@syncfusion/ej2-calendars/styles/material.css';   

@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';   

@import '../node_modules/@syncfusion/ej2-inputs/styles/material.css';   

@import '../node_modules/@syncfusion/ej2-navigations/styles/material.css'; 

@import '../node_modules/@syncfusion/ej2-popups/styles/material.css'; 

@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css'; 

@import ../node_modules/@syncfusion/ej2-vue-grids/styles/material.css; 

</style> 

Please find the documentation for your reference. 

https://ej2.syncfusion.com/vue/documentation/grid/getting-started/#adding-css-reference 

Please get back to us if you need further assistance. 

Regards, 

Joseph I