getting image to work for ipublishedcontent with nested content

Go to solution

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

Keith R Hubbard 175 posts 403 karma points

Jan 10, 2018 @ 01:52

Templates, (partial) views and macros

Umbraco 7

I have a Testimonial us Nested Content. for some reason i cannot get the image.

var items = Model.GetPropertyValue<IEnumerable<IPublishedContent>>
("testimonial");

foreach (var item in items)
{

    /*var typedMediaPickerSingle = Model.GetPropertyValue.<IPublishedContent>("image");*/

        var image = item.GetPropertyValue<IPublishedContent>("image");
        if (item.HasValue("image"))
        {
            <h2>@item.GetPropertyValue("testimonialName")</h2>
            <img src="@image.Url" style="width:200px" alt="@item.Name" />
            <h3>@item.GetPropertyValue("location")</h3>
            <h4>@item.GetPropertyValue("quote")</h4>
        }


}

I get all properties but the image. I have tried all documentation for media picker with errors .

testimonial image

Copy Link

Dave Woestenborghs 3504 posts 12133 karma points MVP 8x admin c-trib

Jan 12, 2018 @ 10:16

1

Hi Keith,

What does the url point to ? Do you get a url ? Because it seems to find a image.

Dave

Copy Link

Keith R Hubbard 175 posts 403 karma points

Jan 12, 2018 @ 20:20

Dave

I followed Jeavon's direction some time ago and set the image media type to umbracoFile Alias. I am thinking this may have something to do with it. I am using the Media Picker with Multiple images disabled.

Media Picker with Multiple diabled

/*var typedMediaPickerSingle = Model.GetPropertyValue<IPublishedContent>("image");*/
    /*var image = Umbraco.TypedMedia(@item.GetPropertyValue("image"));*/
    /*var image = item.GetPropertyValue<IPublishedContent>("image");*/
    var imageUrl = item.GetPropertyValue<IEnumerable<IPublishedContent>>("testimonialImage");
    if (item.HasValue("testimonialImage"))
    {
        <div class="col-md-4 col-sm-6 item">
            <h2>@item.GetPropertyValue("testimonialName")</h2>
            <img src="@imageUrl" height="200" width="200" alt="@item.Name" />
            <h3>@item.GetPropertyValue("location")</h3>
            <h4>@item.GetPropertyValue("quote")</h4>
        </div>
    }

Here is the latest code. I know that it is reading the items because i get the alt of the image But i get an broken image.

Copy Link

bob baty-barr 1180 posts 1294 karma points MVP

Jan 12, 2018 @ 20:36

1

looks like a pretty recent install... is it mediapicker2? https://our.umbraco.org/documentation/getting-started/backoffice/property-editors/built-in-property-editors/Media-Picker2

is any of that helpful?

Copy Link
Keith R Hubbard 175 posts 403 karma points

Jan 12, 2018 @ 20:43

0

Bob I tried that but, thanks for trying to help.

Copy Link

Keith R Hubbard 175 posts 403 karma points

Jan 12, 2018 @ 21:29

I was able to get it working!!!!

foreach (var item in items)
        {

            var imageUrl = item.GetPropertyValue<IPublishedContent>("testimonialImage");
            if (item != null)
            {
                <div class="col-md-4 col-sm-6 item">
                      <h2>@item.GetPropertyValue("testimonialName")</h2>
                      <img src="@imageUrl.Url" height="200" width="200" 
                      alt="@item.Name" />
                      <h3>@item.GetPropertyValue("location")</h3>
                      <h4>@item.GetPropertyValue("quote")</h4>
                </div>
         }

Copy Link

is working on a reply...

Please Sign in or register to post replies