Hi Jeavon,

If I have an image and want to set it as a cover photo in  a page, with width 100% and a fixed height of 563px, how can I achive this with Image cropper pls and using the slimsy package?

Thank you very much.

Regards

Hey Jeavon,

I'm actually looking for the same thing as Jacob - I need the Image Cropper as it is out of the box, but instead of an "upload experience", I'd prefer it to be a media picker and after picking the media you can change the crop (blue dot, zoom, etc) within the content without having to jump out to the media section like you showed in your uHangout.  I assume there is no configurable out of the box way to do that?

Regards,
Matt

Hi All,

I'm also VERY interested to be able to pick images from Media Library like Media Picker does instead of uploading a new image when using the Image Copper. Can't figure out how to do this tho.

Any help would be greatly appreciated :)

The explanation is in the video Jeavon posted, uHangout E030 , at about 12:30. I tested it because my customer wanted this feature, it works really well (I'm using Umbraco 7.1.8). Basically, you'll have to go to Settings > MediaTypes > Image, change the property for Upload Image from Type: Upload to Type: ImageCropper. In your document type, change the type for the property image that you want to crop to MediaPicker. In your code, you have to do something like

@if (content.HasValue("TeaserImage"))
 {
        var teaserImage = Umbraco.TypedMedia((int) content.TeaserImage);
        <img src="@teaserImage.GetCropUrl(80,80)" alt=""/>
 }

or, if you defined a crop size

@if (content.HasValue("TeaserImage"))
 {
        var teaserImage = Umbraco.TypedMedia((int) content.TeaserImage);
        <img src="@teaserImage.GetCropUrl("cropSizeName")" alt=""/>
 }

Hope this helps!

is working on a reply...