Hi Matt!

Could it be that "carouselId" is a string containing an id and not the actual representation of the image? Then you'd need to retrieve the image first using the id: https://our.umbraco.com/Documentation/Getting-Started/Design/Rendering-Media/

Hi Neils,

I'm afraid I'm a little lost now!

here is my code;

    @inherits Umbraco.Web.Mvc.UmbracoViewPage


@{
    var selection = Umbraco.Content(Guid.Parse("86acfb75-8edc-4d6d-933d-d8c8f555c57a"))
    .ChildrenOfType("newsItem")
    .Where(x => x.IsVisible())
    .OrderByDescending(x => x.CreateDate)
    .Take(4);

    string mainImageAltText = newsImage.GetPropertyValue<string>("umbracoAlt");
}


  <div class="latest-news">
    <div class="div-block-4">
      <h3 class="latest-news-heading">Latest news</h3>
    </div>
    <div class="news-container">
      <div class="w-row">

      @foreach (var item in selection){
          var newsImage = item.Value<IPublishedContent>("newsImage");
    <div class="w-col w-col-3">
      <div class="news-item-wrapper">
            @if (newsImage != null)
            {
             <img src="@newsImage.Url" alt="@mainImageAltText" width="300">
             }

        <div class="news-date">
          <div class="news-date-text">@item.CreateDate.ToString("dd MMMM yyyy")</div>
        </div>
         <a href="@item.Url" class="link-block-4 w-inline-block">
              <div class="paragraph">@item.Value("newsTitle")</div>
         </a>
      </div>
    </div>
}

      </div>
    </div>
  </div>

So on this line;

string mainImageAltText = newsImage.GetPropertyValue<string>("umbracoAlt");

"newsImage" is what my mediaPicker is called.

But I get

Compiler Error Message: CS0103: The name 'newsImage' does not exist in the current context

Hi,

the problem is that you are using newImage before you define it. Your image has the altText, so you can only get the altText if you have the image.

Try moving this line:

string mainImageAltText = newsImage.GetPropertyValue<string>("umbracoAlt");

to a place after you defined your newsImage:

      @foreach (var item in selection){
          var newsImage = item.Value<IPublishedContent>("newsImage");
          string mainImageAltText = newsImage.GetPropertyValue<string>("umbracoAlt");

~ Jonathan

Hi,

Thanks I've moved that now I'm getting the following;

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

I'm using umbraco 8

Thanks

@inherits Umbraco.Web.Mvc.UmbracoViewPage

@{
    var selection = Umbraco.Content(Guid.Parse("86acfb75-8edc-4d6d-933d-d8c8f555c57a"))
        .ChildrenOfType("newsItem")
        .Where(x => x.IsVisible())
        .OrderByDescending(x => x.CreateDate)
        .Take(4);
}

<div class="latest-news">
    <div class="div-block-4">
        <h3 class="latest-news-heading">Latest news</h3>
    </div>
    <div class="news-container">
        <div class="w-row">

            @foreach (var item in selection){
                var newsImage = item.Value<IPublishedContent>("newsImage");
                <div class="w-col w-col-3">
                    <div class="news-item-wrapper">
                        @if (newsImage != null)
                        {
                            <img src="@newsImage.Url" alt="@newsImage.Value<string>("umbracoAlt")" width="300">
                        }

                        <div class="news-date">
                            <div class="news-date-text">@item.CreateDate.ToString("dd MMMM yyyy")</div>
                        </div>
                        <a href="@item.Url" class="link-block-4 w-inline-block">
                            <div class="paragraph">@item.Value("newsTitle")</div>
                        </a>
                </div>
            </div>
        }
    </div>
</div>

Try something like that.

What I've done is move where you are getting your alt description to where you need it.

Thanks

Nik

<img src="@newsImage.Url" alt="@(newsImage.Value<string>("umbracoAlt"))" width="300">

Seems overly verbose to have an alternative "ALT" value, when newsImage.Name would probably suffice :-)

is working on a reply...