@inherits Umbraco.Web.Mvc.UmbracoViewPage<ContentModels.Service>
@using ContentModels = Umbraco.Web.PublishedModels;
@{
    Layout = "master.cshtml";
}



@Model.image.Url

yes sure. :(

This works for me but there are too many lines for only 1 image or image url :/ , is there any other solutions?

@{
var typedMediaPickerSingle = Model.Value<IPublishedContent>("image");

if (typedMediaPickerSingle != null)
{

    <p>@typedMediaPickerSingle.Url</p>
    <img src="@typedMediaPickerSingle.Url" style="width:200px" />
}

}

Hi Giorgi,

Of course, we can do it a bit simpler

@{

    if (Model.Value<IPublishedContent>("featuredBanner") != null)
    {
        <p>@Model.Value<IPublishedContent>("featuredBanner").Url</p>
        <img src='@Model.Value<IPublishedContent>("featuredBanner").Url' />
    }
}

)f I was you then I will make that extra variable so you don't have to write Model.Value

All the best,

/Dennis

how to make it as extra variable? what do you mean?

Hi Giorgi

I think Dennis wanted to say that code with extra variable looks better and more efficient, like this:

@{
    var featuredBanner = Model.Value<IPublishedContent>("featuredBanner");
    if (featuredBanner != null)
    {
        <p>@featuredBanner.Url</p>
        <img src='@featuredBanner.Url' />
    }
}