I'm having the same issue you are having, but may have made a bit more progress...

I have a custom media type with an image cropper property on it called croppedImage. For the example below, the document type has a property called leftBoxImage that points to the custom media type. I can get the XML this way:

var leftImg = Model.Media("leftBoxImage").croppedImage;

The result is a String:

<crops date="05/08/2011 17:16:28"><crop name="resized" x="30" y="27" x2="209" y2="229" url="/media/24/pumpkin-and_cat_resized.jpg" /></crops>

I know I could parse the string, and maybe that's what I'll end up doing, but I'd love to be able to just do this:

@leftImage.url

Just ran across this, which seems to be a better solution:

@using umbraco.MacroEngines  @* needed for instantiating DynamicXml *@
@using System.Xml.Linq  @* needed for XElement.Parse *@
@{
dynamic imageObj = new DynamicXml(XElement.Parse(Model.Media("leftBoxImage").croppedImage);
 }

At the end of that, imageObj will represent the root node (crops). You should be able to do this:

imageObj.crop.url

If there's more than one crop, you can iterate through them:

imageObj.crop[0].url

Stumbled across this method here:

http://ucomponents.codeplex.com/workitem/13460

I have it working in the following macro, which uses the Related Links data type:

@inherits umbraco.MacroEngines.DynamicNodeContext
@using umbraco.MacroEngines
@using System.Xml.Linq

@{
  dynamic media = new DynamicMedia(Parameter.RightColumnQuickLinks);
  dynamic links = new DynamicXml(XElement.Parse(@media.links));
}

<div class="quick-links">
  <h3>Quick Links</h3>
  <ul>
    @foreach (var link in links.link) {
      string target = link.newwindow == "1" ? " target=\"_blank\"" : "";
      <li>
        @if (link.type == "internal") {
          <a href="@umbraco.library.NiceUrl(int.Parse(link.link))"@Html.Raw(target)>@link.title</a>
        } else {
          <a href="@link.link"@Html.Raw(target)>@link.title</a>
        }
      </li>
    }
  </ul>
</div>

Apparently my latest posted solution for the image cropper doesn't work like I thought it would.

DynamicXml doesn't seem to play nicely with XML attributes, which "url" is. imageObj.crop will return an empty string, since the XML element has no inner text. Thus imageObj.crop.url will throw an error. Instead, you have to back out to the underlying XElement. This will work provided imageObj is defined as in my previous post:

imageObj.BaseElement.Element("crop").Attribute("url").Value

But, if we're backing out to the XElement object, why even use DynamicXml, so we're back to using the XML parser, albeit a different, nicer one:

string imageUrl =  XElement.Parse(media.croppedImage).Element("crop").Attribute("url").Value;

You could also use the Digibiz Advanced Media Picker to select media and crops. Here is a Razor sample (which uses a newer version of DAMP) to get the crop: http://our.umbraco.org/forum/developers/razor/18859-Question-for-an-XML-Data-Loop?p=2#comment76855.

Jeroen

Hi George,

sorry about the late reply, I was on vacation. Thank you very much for your response, I'll sure give it a try on the next project. For now I just used xslt.

Just wanted to say thank you to George for your code snippet on how to extract properties from the Image Cropper data type using RAZOR. I'm looking to just get the X and Y coordinates of the crop, but this showed me how to do it.

Although, it didn't quite work right away for me, perhaps due to some changes in 4.7.1 which is probably due to the cropper's property value now being casted not to a string, but to an umbraco.MacroEngines.DynamicXml object.  (Call .ToXml() on this to get as a string now.)

So, your example code would now need to add this in as follows in 4.7.1+:

string imageUrl =  XElement.Parse(media.croppedImage.ToXml()).Element("crop").Attribute("url").Value;

Thanks again!

Actually, I posted too soon without looking back at my actual code that I had managed to make work.

It seems there is one more "level" to the stored Xml produced by the Image Croppper data type---the parent "crops" node which contains each of your individual "crop" nodes themselves. So the example should actually be:

string imageUrl =  XElement.Parse(media.croppedImage.ToXml()).Element("crops").Element("crop").Attribute("url").Value;

(Of course, if you have more than one "crop", you'd need to be more selective and grab the correct one by name, not just the first as this example shows.)

is working on a reply...