umbraco 8 image cropper - Using Umbraco and getting started - our.umbraco.com

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Nathan Reece 62 posts 376 karma points

Aug 17, 2020 @ 03:17
0

Umbraco 8 Image Cropper
How do I use the image cropper in Umbraco 8?

I am trying to use the image cropper on my doc type so all my inner pages heading images are the same size even if the client adds a image that is too large.

But when i am trying to render the image its just showing up as the original sized image.
```
<img src="@Model.Image.Url" alt="bannerImg" />
```
Can anyone help me out!?
Copy Link
David Armitage 508 posts 2078 karma points

Aug 17, 2020 @ 03:20
100
Hi Nathan,

Try
```
<img src="@(Model.Image.GetCropUrl("cropAliasHere"))" alt="bannerImg" />
```
There is more information about this here.

https://our.umbraco.com/documentation/getting-started/backoffice/property-editors/built-in-property-editors/image-cropper/

Regards

David
Copy Link
Nathan Reece 62 posts 376 karma points

Aug 17, 2020 @ 03:32

0

Thanks Dave.

I thought there was something I was missing.

For anyone else struggling with this issue I have wrote a step by step blog explaining how add and use Umbraco 8 Image Cropper

https://www.umbrajobs.com/blog/posts/2020/july/how-to-add-a-image-cropper-to-a-doc-type-in-umbraco-8/

Copy Link
David Armitage 508 posts 2078 karma points

Aug 17, 2020 @ 03:35

0

Ok great. Glad I could help.

Copy Link
is working on a reply...

Please Sign in or register to post replies

Write your reply to:

Editor

Preview

Draft