trouble accessing media picker image within document type in template

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

Jessie Yeagle 3 posts 73 karma points

May 03, 2024 @ 13:37
0

Trouble accessing media picker image within document type in template
I have created a document type with no template named "Application" and have added an Image Media Picker to it with an alias of "logo" and a textstring with an alias of "description".

I have created a couple instances of that document type and have attached them to another document type named "Home" as children.

In Home's template I am attempting to show the selected images by doing the following:
```
@using Umbraco.Cms.Web.Common.PublishedModels;
@using Umbraco.Cms.Core.Models;
@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage
@{
    Layout = "Master.cshtml";
}


@{
    IEnumerable<IPublishedContent> featureBlocks = Model.ChildrenOfType("Application");
}

@foreach(var block in featureBlocks) {

    @block.Value("Logo")
    <br>
    @block.Value("description")
}
```
The descriptions come through just fine.

The logo outputs:

Umbraco.Cms.Core.Models.MediaWithCrops`1[Umbraco.Cms.Web.Common.PublishedModels.Image]

I am trying to access the media image so I can display it on the page.

I searched online and saw suggestions like:
```
@block.Value<MediaValueWithCrops>("Logo").MediaUrl()
//or
@block.Value<MediaValueWithCrops>("Logo").Url()
```
I have tried this adding the generic type specifier by doing @block.Value. When I do that my template fails to load and I get the following exception on my logs.

Umbraco.Cms.Web.Common.ModelsBuilder.InMemoryAuto.UmbracoCompilationException: Exception of type 'Umbraco.Cms.Web.Common.ModelsBuilder.InMemoryAuto.UmbracoCompilationException' was thrown. at Umbraco.Cms.Web.Common.ModelsBuilder.InMemoryAuto.CollectibleRuntimeViewCompiler.CompileAndEmit(String relativePath) at Umbraco.Cms.Web.Common.ModelsBuilder.InMemoryAuto.CollectibleRuntimeViewCompiler.OnCacheMiss(String normalizedPath)

If I try do access a property I also get an error:
```
@block.Value("Logo").Content
```
yields this in the logs:

error CS1061: 'object' does not contain a definition for 'Content' and no accessible extension method 'Content' accepting a first argument of type 'object' could be found (are you missing a using directive or an assembly reference?)

Does anyone have any suggestions about what is going wrong? I did not think it would be this tough to get the image out of the media picker.

Here are the associate docs: https://docs.umbraco.com/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/media-picker-3
Copy Link
Huw Reddick 1932 posts 6722 karma points MVP 2x c-trib

May 06, 2024 @ 09:24

0

Hi Jessie,

try using the below

@block.Value<MediaWithCrops>("logo").Url() and this needs to be used in the src attribute of an img tag to display the image

Copy Link

Jessie Yeagle 3 posts 73 karma points

May 06, 2024 @ 19:40

I continued to receive an error when trying to specify MediaWithCrops as the generic.

Here is what I had to do to get the logo to render:

@using Umbraco.Cms.Core.Models;

//further down

@{
    IEnumerable<IPublishedContent> apps = Model.ChildrenOfType("Application");
}



<ul>

@foreach(var app in apps ) {
    var logo = app.Value("Logo") as MediaWithCrops;
    <li>
        <img src="@logo.Url()" />
   </li>
}
</ul>

Copy Link

is working on a reply...

This forum is in read-only mode while we transition to the new forum.

You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies

Flag this post as spam?

Trouble accessing media picker image within document type in template