Sign in Register
Go to solution
Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • yousif 5 posts 95 karma points
    Jul 05, 2021 @ 14:08
    yousif
    0

    Working with Media Picker

    Using Umbraco And Getting Started
    Umbraco 8

    Hello There, I'm new to Umbraco and I'm trying to use media picker on my site but for some reason the value is always null or empty.

    I followed the steps in here but when inspecting the html code i get the following results:

    <img class="img-fluid" src="" style="background-image: url('')" alt="">

    Here is my code:

    @{
Layout = "Master.cshtml";
var image = Model.Value<IPublishedContent>("mainImage");

if (image != null)
{
<img src="@image.Url" class="img-fluid" style="background-image: url('@image')" alt="" />
}  }

    In the Backoffice i added my image in Media first and i did click save and publish. enter image description here

    I'm running on version 8.14.1

    Copy Link
  • Brendan Rice 538 posts 1099 karma points
    Jul 08, 2021 @ 12:23
    Brendan Rice
    0

    Hi Yousif,

    try:

    <img src="@image.Url()" class="img-fluid" style="background-image: url('@image.Url()')" alt="" />
    Copy Link
  • Huw Reddick 1737 posts 6098 karma points MVP c-trib
    Jul 08, 2021 @ 13:40
    Huw Reddick
    101

    If you are using the new MediaPicker 3 check out this page

    https://our.umbraco.com/Documentation/Fundamentals/Backoffice/property-editors/built-in-property-editors/Media-Picker-3/

    Copy Link
Please Sign in or register to post replies

Write your reply to:

Draft