Thanks for that. I guess I was looking at it the wrong way. Latest News Widget is used to show the last 5 posts (now 4) . So these can be displayed on my homepage. The News Overview Widget isn't required in this instance and the News Overview Template is just a good ol'loop to display my news posts on a standard text page.

Where do I put the MVC Dynamic code?

@{ if (CurrentPage.HasValue("mainImage")){ var dynamicMediaItem = Umbraco.Media(CurrentPage.mainImage);  } }

as adding it to the UmbLatestNewsWidget it does'nt do anything? :)

Hi Hannah,

I can see that you already have the option to add an image. It´s using the upload type , so I assume that you just want to pull out the same image as you are using on the newspage detail view. You can find the documentation here: https://our.umbraco.org/documentation/using-umbraco/backoffice-overview/property-editors/built-in-property-editors/Upload

The code should look like this. And you can change the div around to what tag you like.

@inherits UmbracoTemplatePage
@{
    // Model.Content is the current page that we're on
    // AncestorsOrSelf is all of the ancestors this page has in the tree
    // (1) means: go up to level 1 and stop looking for more ancestors when you get there
    // First() gets the first ancestor found (the home page, on level 1)
    var homePage = CurrentPage.AncestorsOrSelf(1).First();
    
    // Find all pages with document type alias umbNewsOverview
    // We do that using the plural, umbNewsOverviews (note the extra "s" in the end)
    // Then take the first one, as we know there will only be on news overview page
    var newsOverview = homePage.umbNewsOverviews.First();
    
    // Similar to above: find all pages with document type umbNewsItem under the news overview page
    // Then order them, first by publishDate (a property the editor can explicitly set on the news item)
    // and then by createDate, which is set by Umbraco automatically when a page gets created.
    // Finally, take the first 5 items to show in the news overview
    var newsItems = newsOverview.umbNewsItems.OrderBy("publishDate desc, createDate desc").Take(4);
}

<h2 class="major"><span>Recent Posts</span></h2>

<!-- Archives -->
<ul class="style2">
    @foreach (var newsItem in newsItems)
    {
        // If the editor has not explicitly provided the "Page title" property page 
        // then just show the name of the page otherwise show the provided title
        var title = string.IsNullOrWhiteSpace(newsItem.Title) 
            ? newsItem.Name
            : newsItem.Title;

        // If the editor has not explicitly set the publishDate property then show the create date
        var dateTime = newsItem.PublishDate == default(DateTime) 
            ? newsItem.CreateDate
            : newsItem.PublishDate;

        <li>
            <article class="is-post-summary">
                <h3><a href="@newsItem.Url">@title</a></h3>
                <div>
                    
                    @*Code for output the image *@ 
                       @if (newsItem.HasValue("image")){
                            <img src="@newsItem.image" width="100" height="100" />
                       } 
                    
                </div>
                <ul class="meta">
                    <li class="timestamp">@dateTime.ToString("f")</li>
                </ul>
            </article>
        </li>
    }
</ul>
<a href="@newsOverview.Url" class="button button-alt">Browse Archives</a>
<!-- /Archives -->

Hope this helps,

/Dennis

Boom, the image comes through now :) I can see that the size wll need to be adjusted. However, I can do this in the CSS to make it fluid to fit my HTML layout. Amazing, thanks for yor help! :)

is working on a reply...