So far the ContextMenu component provides a built-in appendTo property which can be used to define the container to which the popup will be appended. But it cannot be used to set a custom container for all ContextMenu popups used in the application.

Provide a way to define a custom global container to which all ContextMenu popups will be appended. The same is provided for the Kendo UI for Angular Popup using the POPUP_CONTAINER:

https://www.telerik.com/kendo-angular-ui/components/popup/api/POPUP_CONTAINER/

https://stackblitz.com/edit/angular-nuqbre-ty383e

Hi,

Adding a visible property will be helpful for developers to hide or show items depending on specific conditions or MenuItem collection similar to the disabled property.

Add the Select Event of the Context-Menu on Item Level: 

Example:

<kendo-contextmenu [target]="target" showOn="click" (select)="handleSelection($event)">
          <kendo-menu-item text="download" icon="k-icon k-i-download" (select)="uploadClick()">
          </kendo-menu-item>
          <kendo-menu-item text="upload" icon="k-icon k-i-download" (select)="downloadClick()">
          </kendo-menu-item>
</kendo-contextmenu>

If there would be a "Select" event on the "kendo-menu-item" Component, there would no need for extra code to call the desired function.

At the moment, a handleSelction-function is needed to check the selected item and call the desired action. The (select) on the item does nothing.

  public uploadClick(){
    alert('upload');
  }

  public downloadClick() {
    alert('download');
  }

  public handleSelection(event: ContextMenuSelectEvent) {
    if (event) {
      if(event.index === "0"){
        this.downloadClick();
      }
      else {
        this.uploadClick();
      }
    }
  }

Hello,

I would like to customize the direction of my context menu (I would like to always open/expand it to the left).

I looked it up, and it seems there was an option available in the JQuery version called "direction" (https://docs.telerik.com/kendo-ui/api/javascript/ui/contextmenu/configuration/direction).

I couldn't find this option in the Angular version that's why I am submitting this feature request.

Thank you