Pimcore 11/12 Studio UI — How to customize Data Object Tree context menu (hide items + add custom items)

[Chauhan-Mukesh]

Hi everyone,
I need guidance on customizing the Data Object Tree context menu inside the Studio UI (Pimcore 11/12).

What I want to achieve:

Add a custom menu item (example: Copy Object Key)

1. Hide/Disable an existing default item conditionally(unpublish button for specific role on specific workflow state)
2. Example case: hide Unpublish when the object is in Reviewing workflow state AND user has a specific role

Reference screenshot:

I have explored multiple extension points but I haven’t found a working example for the DataObject Tree context menu specifically.
The Studio UI context menu items appear to be generated via bundle internal config and I’m not sure where the correct extension hook is for altering them.

If someone has an example code (Typescript/Studio UI extension) for one or both of these:

• How to inject a custom action item inside the right-click context menu
• How to remove / hide / disable an existing built-in menu item based on workflow state + user role, it would be extremely helpful.

Thanks

[markus-moser]

Hi @Chauhan-Mukesh,

please check my comment here:
#2533 (comment)

The workflow state is currently not automatically injected into the tree node. How ever you could add this information on your own, similar like described here:

https://docs.pimcore.com/platform/Studio_Backend/Extending_Studio/Events#custom-attributes-example

But this is a asset example, so you would need to use the DataObjectEvent pendant:
https://github.com/pimcore/studio-backend-bundle/blob/1.x/src/DataObject/Event/PreResponse/DataObjectEvent.php

Cheers,
Markus

[markus-moser]

Again regarding workflows - you could also just use the built in permission system of the workflow engine to influence the permissions which would then hide the related context menu items automatically:

https://docs.pimcore.com/platform/Pimcore/Workflow_Management/Permissions/