context menu Essential JS 2

[Shanmugaraja K]

Hi Sagar, 

 

Thank you for using Syncfusion products. 

 

We would like to let you know that we are showing the dotted lines (i.e. border) for ContextMenu target div, only for showcasing the context menu sample in our sample browser. However, you can remove the ContextMenu target div dotted lines. We suggest you to remove the border property in the target div or set as “none” to that property to resolve the issue. 

 

For your convenience we have prepared a sample to demonstrate this. Please find the sample link below. 

 

Sample Link: https://stackblitz.com/edit/angular-mdksym 

 

CSS: 

 

 

#contextmenutarget { 

    /*border: 1px dashed;*/ 

    border: none; 

} 

 

 

TS: 

 

 

<div id="contextmenutarget">{{content}}</div> 

<ejs-contextmenu target='#contextmenutarget' [items]='menuItems' [animationsettings]='animationSettings' (beforeitemrender)='addDisabled($event)'></ejs-contextmenu> 

 

 

Could you please check the above sample and get back to us with more information, if we misunderstood your requirement. So that we can analyze based on that and provide you with a better solution? The information provided would be the great help for us to proceed further.  

 

Regards, 

Shanmugaraja K 

[Sagar Varma]

Hi,

When I'm implementing the context menu control (using Essential JS 2) in my application, I'm getting dotted lines around the div. Is there any option for us to remove the dotted lines around the div. and onclick  event for menuitem 

Regards, 

Sagar D.

[Sagar Varma]

Thanks for the support Shanmugaraja, need one more help onclick for MenuItems .

[Shanmugaraja K]

Hi Sagar,  

 

Thank you for your update.  

 

We have checked your query and we would like to let you know that your requirement can be achieved by using “select” event in ContextMenu. We have modified the previously updated sample to demonstrate this requirement and the same can be found in the below link.  

 

Modified Sample: https://stackblitz.com/edit/angular-mdksym-6ebhvv   

 

API Link: https://ej2.syncfusion.com/16.1.24/angular/documentation/context-menu/api-contextMenuComponent.html#select   

 

Please refer the below help documentation link about how to use “select” event in ContextMenu.  

 

https://ej2.syncfusion.com/angular/documentation/context-menu/how-to.html#open-a-dialog-on-contextmenu-item-click  

 

Could you please check the above sample and get back to us if we misunderstood your requirement or if you need any further assistance on this?  

 

Regards, 

Shanmugaraja K