CROPRO Demos: No toolbars / Custom UI

Hiding CROPRO toolbars

You can use CROPRO without the top, the bottom, or both toolbars by controlling it from code.


In this demo we hide both toolbars via styles.settings.hideTopToolbar and hideBottomToolbar then add our own buttons to start CROPRO and finish cropping.

cropArea.styles.settings.hideTopToolbar = true; cropArea.styles.settings.hideBottomToolbar = true; ... renderAndClose() { cropArea.startRenderAndClose(); }

Check out this demo in CodeSandbox for a complete example.