Before we move on, what's the datatype of your propertyThumbnail property? Is it a media picker, an upload? Something else? Does it have to be thumbnail of an uploaded image.

Let us know and we'll see how we can help you.

Cheers,

/Dirk

Hi Dirk.

the data type is Media Picker. And we intend for to always be an image. So they upload an image to the media gallery and then choose from that, rather than uploading straight from their machine.

On the detail page, I can get the src of the image to be "0001" (or whatever it is), so I need to bring back the fullpath? But anyway, that is another issue.

If datatype is media picker, then the id of the media item is stored. And using umbraco.library:GetMedia(nodeId, false()), you can get info on the media item, including the full path

<xsl:value-of select="umbraco.library:GetMedia(propertyThumbnail, false())/umbracoFile"/>    

will get you the full path of the media item

(Assuming alias of your property for the media picker is 'propertyThumbnail')

Cheers,

/Dirk

Putting that in my XLST and trying to save gives me loads of errors

System.OverflowException: Value was either too large or too small for an Int32.


   at System.Convert.ToInt32(Double value)


   at System.Convert.ChangeType(Object value, Type conversionType, IFormatProvider provider)


   at System.Xml.Xsl.Runtime.XmlQueryRuntime.ChangeTypeXsltArgument(XmlQueryType xmlType, Object value, Type destinationType)


   at System.Xml.Xsl.Runtime.XmlQueryContext.InvokeXsltLateBoundFunction(String name, String namespaceUri, IList`1[] args)


   at (XmlQueryRuntime {urn:schemas-microsoft-com:xslt-debug}runtime)


   at Root(XmlQueryRuntime {urn:schemas-microsoft-com:xslt-debug}runtime)


   at System.Xml.Xsl.XmlILCommand.Execute(Object defaultDocument, 
XmlResolver dataSources, XsltArgumentList argumentList, XmlWriter 
writer)


   at System.Xml.Xsl.XslCompiledTransform.Transform(IXPathNavigable input, XsltArgumentList arguments, TextWriter results)


   at umbraco.presentation.webservices.codeEditorSave.SaveXslt(String 
fileName, String oldName, String fileContents, Boolean ignoreDebugging)

Hi Tom.

the errors occours because Umbraco tries to run the code when you save the file. This means that the GetMedia extension will fail. So try wrapping the line inside of a <xsl:if> like this:

<xsl:if test="propertyThumbnail != ''">
   <xsl:value-of select="umbraco.library:GetMedia(propertyThumbnail, false())/umbracoFile"/> 
</xsl:if>

This should give you the full pah to the image, without throwing an error when you save he file.

/Kim A

Hi Tom

I'll just like to make an addition to the above. You can see some good examples on the usage of the GetMedia extension in the wiki here: http://our.umbraco.org/wiki/reference/umbracolibrary/getmedia

/Jan

Oh, and of course if you want to render the path in an image-tag you can do like this:

<xsl:if test="propertyThumbnail != ''">
   <xsl:variable name="media" select="umbraco.library:GetMedia(propertyThumbnail, false())" />
   <img src="{$media/umbracoFile}" alt="{$media/@nodeName}" /> 
</xsl:if>

/Kim A

Hi guys. I'm actually prefering the syntax using the Razor scripting.

I've been looking at this thread, but still can't get the image to display:

http://our.umbraco.org/forum/developers/api-questions/16293-Calling-the-Umbraco-GetMedia-function-from-Razor-macro

current code

<ul class="listings">
@foreach(var page in Model.Children) {
  <li>
    <h2><a href="@page.Url" title="@page.Name"><img src="@umbraco.library.GetMedia(System.Int32.Parse(page.propertyThumbnail), false)/umbracoFile"/> @page.Name</a></h2>
    <p>@page.overview</p>

  </li>
}
</ul>

Which gives me some horrible feedback

An unknown error occured while rendering the following code:

Microsoft.CSharp.RuntimeBinder.RuntimeBinderException: 'umbraco.MacroEngines.DynamicNode' does not contain a definition for 'numberOfBedroom' at CallSite.Target(Closure , CallSite , Object ) at System.Dynamic.UpdateDelegates.UpdateAndExecute1[T0,TRet](CallSite site, T0 arg0) at RazorEngine.Dynamic.fdedabeaadce.Execute() at RazorEngine.Templating.TemplateService.Parse[T](String template, T model, String name) at umbraco.MacroEngines.RazorEngine.GetResult(String cacheIdentifier, String template, INode currentPage, String& result)

Your Razor template:

<ul class="listings"> @foreach(var page in Model.Children) { <li> <h2><a href="@page.Url" title="@page.Name"><img src="@umbraco.library.GetMedia(System.Int32.Parse(page.propertyThumbnail), false)/umbracoFile"/> @page.Name</a></h2> <p>@page.overview</p> <a class="more" href="@page.Url">More details @page.numberOfBedroom bedrooms and brochure</a> </li> } </ul>

Cache key:

1053-ForSale-

And I'm back :)

OK so the error was my fault.

But still no joy displaying an image using the Razor file. Any thoughts?

@foreach(var page in Model.Children) {

    <h2><a href="@page.Url" title="@page.Name"><img src="@umbraco.library.GetMedia(System.Int32.Parse(page.propertyThumbnail), false)/umbracoFile"/></a></h2>

is working on a reply...