Quick fix to improve cropping in the image editor

Developing with Concrete
1

I was doing a bunch of image cropping yesterday and was frustrated that the cropping sub-menu was obscuring the bottom of the image making it very tough to be productive. There’s a setting in the image editor file (toast.php) that moves these sub-menus to the side so I copied :

/concrete/elements/files/edit/image_editor/toast.php

to

/application/elements/files/edit/image_editor/toast.php

and changed line 88 in the over-ride file to read

menuBarPosition: ‘left’,

instead of ‘bottom’ and it made my cropping life so much easier.

2

Awesome!
please submit a github ticket with a pull request for something like this, then everyone can enjoy the benefit of your work.

thx!

3

That’s actually a really smart workaround. The default bottom toolbar placement can definitely get in the way during cropping, especially when working with portrait images or smaller screens.

I like that you used an override in /application/elements/ instead of modifying the core file directly — much safer for updates and maintenance.

Changing:

menuBarPosition: 'bottom'

to

menuBarPosition: 'left'

sounds like a much cleaner editing experience overall. I tested something similar before and having the controls on the side makes the workspace feel a lot less cramped.

Thanks for sharing the exact file path and line change. I’m sure this will help other Concrete CMS users dealing with the same frustration.