Hello Dennis,

Unfortunately it didn't help. I did what the documentation told me using Razor and unfortunately MediaById returns error:

RenderModel does not contain a definition of "MediaById' and no extension method 'MediaById' accepting a first argument of Type "RenderModel" could be found (are you missing an assembly reference?)

my @using are:

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@using System.Web.Mvc
@using System.Web.Mvc.Html

here's where it gets really weird. When I saw the documentation won't help me (as per usual) I tried stuff on my own. I have a Blog Document Type and then a descendant(3rd level I think) which is named BlogPost.

I'm using this code in BlogPost:

@if (Model.Content.HasValue("blogBanner"))
                                {
                                    var bannerImage = Umbraco.Media(Model.Content.GetPropertyValue<string>("blogBanner"));
                                    var croppedPhoto = bannerImage.thumbnails.crops.Find("@name", "BlogBanner").url;



                                    <img src="@croppedPhoto" alt="@croppedPhoto" />
                                }

To get the crop ("BlogBanner") from the Image Cropper "thumbnails" and it works. I go back to the Blog, grand-grandparent and I use this code:

 @foreach (var blogPost in Model.Content.Descendants("BlogPost"))
                {

                    <div class="col-md-4 text-center">
                        <div class="post-preview-image">
                            <a href="@blogPost.Url">
                                @if (blogPost.HasValue("blogBanner"))
                                {
                                    var bannerImage = Umbraco.Media(blogPost.GetPropertyValue<string>("blogBanner"));
                                    var croppedPhoto = bannerImage.thumbnails.crops.Find("@name", "previewImage").url;



                                    <img src="@croppedPhoto" alt="@croppedPhoto" />
                                }
                            </a>

                            <a href="@blogPost.Url">
                                <p>@blogPost.Name</p>
                            </a>
                            <h6>@(blogPost.GetPropertyValue<string>("date"))</h6>
                        </div>



                    </div>
                }

and it DOESN'T WORK...... Throws an exception:

'Umbraco.Core.Dynamics.DynamicXml' does not contain a definition for 'url'

On the @croppedPhoto variable. I have NO IDEA how to make it work. I've tried everything. It's a media picker by the way if that helps. I tried Upload image instead of Media Picker, but it's the same exact result.

Hi Harry,

Perhaps you could consider using this package https://our.umbraco.org/projects/website-utilities/eksponent-cropup

Try to see Jeavon´s comment in this thread:

https://our.umbraco.org/forum/developers/razor/53413-Getting-Image-Crop-from-media-picker-file

Hope this helps,

/Dennis