Skip to main content
Version: Next

How to Add an Additional Button to the Asset Editor Toolbar

Overview​

This example demonstrates how to add a new button to the toolbar of the asset editor in Pimcore Studio UI for image assets.

Screenshot​

Asset Editor Toolbar Button ExampleAsset Editor Toolbar Button ExampleAsset Editor Toolbar Button Example

Details​

Additional buttons can be added to the asset editor toolbar using the ComponentRegistry service and its slots. Slots allow developers to inject custom components into specific areas of the UI. In this example, the button is added to the toolbar left slot of the asset editor.

The example uses the asset context and draft to ensure the button is only displayed for image assets. This is achieved by taking the asset draft (out of redux) and checking if it's type equals image.

Code Example on GitHub​

Additional asset editor toolbar button example on GitHub.