Add Custome context menus and options to Right Click Menu App

spike_Z · September 27, 2024, 4:10am

Hello,

I hope this message finds you well.

I am currently experiencing an issue with the custom context menu in Nextcloud.

Specifically, the custom context menu items do not appear when I right-click on files or folders.

I have followed the necessary steps to implement the custom context menu as per the documentation,

but it seems that the menu is not showing up as expected.

Here are some details about my setup:

Nextcloud version: Nextcloud Hub 9 (30.0.0)
Steps taken:

(function(OCA) {
    'use strict';

    OCA.Files = OCA.Files || {};

    function addCustomMenuItem() {
        OCA.Files.fileActions.registerAction({
            name: 'myCustomAction',
            displayName: 'My Custom Action',  
            mime: 'all',
            permissions: OC.PERMISSION_READ,
            icon: OC.imagePath('core', 'actions/info'),
            actionHandler: function(fileName, context) {
                var fileInfo = context.fileInfoModel.getFullPath();
                OC.dialogs.info('Selected file: ' + fileInfo, 'My Custom Action');
            }
        });
    }

   
    addCustomMenuItem();

})(OCA);

I would appreciate any guidance or suggestions on how to resolve this issue.

Thank you for your assistance!

Best regards,

christianlupus · September 27, 2024, 4:31pm

Is there anything logged in the browser console? What happens?

If possible share a link to the repository you are working on. This makes it much simpler to give it a try.

spike_Z · September 27, 2024, 6:20pm

Thank you so much for your reply. I’ve spent a week trying to solve this issue.

The code I came up with is a mess, and I’ve decided to start from scratch.

Do you have any examples or references for using a custom context menu in version 30?

I would greatly appreciate any recommendations.

Thank you again for your kind response.

spike_Z · September 27, 2024, 10:43pm

By taking it step by step, I was able to resolve it.

https://docs.nextcloud.com/server/latest/developer_manual/app_publishing_maintenance/app_upgrade_guide/upgrade_to_28.html#front-end-changes