I wanted to render my own dropdown as contextmenu on clicking any cell inside IgrSpreadsheet, Can anyone help me in this?
Hoping for a posetive response.
Hello Jeevan,
I am under the impression that you are looking to entirely modify the context menu of the IgrSpreadsheet in this case. If this impression is incorrect, please let me know as the following is based on it.
In order to do this, I would recommend that you handle the contextMenuOpening event of the IgrSpreadsheet. Here is a link to the API of this particular event: https://www.infragistics.com/products/ignite-ui-react/api/docs/typescript/latest/classes/igniteui_react_spreadsheet.IgrSpreadsheet.html#contextMenuOpening.
The event arguments of that event – the IgrSpreadsheetContextMenuOpeningEventArgs makes this event a cancellable event. If you set the cancel property to true, this will prevent the default context menu from opening. From there, you can open your own dialog to perform custom actions on the spreadsheet control. The following stack-overflow article may help you to open a popup at the mouse position: https://stackoverflow.com/questions/70690817/show-popup-on-mouse-location.
Please let me know if you have any other questions or concerns on this matter.
Andrew can you help me disable the scrolling when there an active popup as contextmenu inside the spreadhseet?
There does not exist a built-in way to disable the scrolling of the IgrSpreadsheet control. Something you can try in this case is to utilize some CSS where you set the pointer-events property to “none.”
One thing you would need to be careful of here though, is that you would need to make sure that this only applies to the spreadsheet as if you place it on the container of your popup, you may prevent users from interacting with it as well. You may be able to use the style property on the IgrSpreadsheet for this.