Unable to load images with Enhanced Data Model Power Pages site

[psarapu001]

Hi,

Is there any known issue with power pages enhanced model, as it doesn't show up the images while Standard Model site is working perfectly fine. We have even found differences between the yml files of both Models. Can someone please help me to load the data on enhanced power pages site.

Thanks,
Priyanka

[OOlashyn]

Hi @psarapu001 ,

What images are we talking about: is this the problem with web file or image column? 

[psarapu001]

Hi OOlashyn,

It is the problem with Web files.

[Lucas001]

Hi  @psarapu001, 

I am as well using the enhanced data model and it works fine.

Webfile:

Make sure the status is published.

Integrated via VS Code Web like:

<img src="/FotoStartbildschirm.jpg" alt="" name="Foto_Startbildschirm.jpg" class="zoomIn" style="width: 117%; height: 305.545px; max-width: 100%;" />​ 

Could you check if your setup looks similar?

If so, could you provide us with similar pictures?

[OOlashyn]

Hi @psarapu001,

I am using web files in the Enhanced model and it works fine (same as for @Lucas001). I would advise opening a ticket with MS - not sure that they will help as this is Preview functionality but worth a try.

[AARON_C]

Hi @Lucas001,

I am having the same issue where my image does not show in the Enhanced site but works fine with the standard site.

I am displaying my image using liquid code, so it is dynamic depending on the row. 

<img src="{{ row.cr003_culturalserviceimage.Url }}" alt="Service cover photo" style="width: 150px" />

When I go to the developer tools when previewing the site, this is what I get. No value in the source

<img src alt="Service cover photo" style="width: 150px">

Thanks for your help.

[OliverRodrigues]

Hi @AARON_C , can you tell us what is the "row" object from your Liquid code?

@psarapu001  did you get your issue solved?

[AARON_C]

Hi @OliverRodrigues 

Thanks for your reply. This is the liquid code I used that is working in a standard site but not the enhanced site. All that is missing is the image.

I hope this helps.

{% entitylist name: 'Cultural Service List' %}
  {% entityview logical_name:'cr003_culturalservices', name:"Cultural Service List" %}
    <div class="container">
      <div class="row" style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px;>
        {% for row in entityview.records %}
        <div style="display: flex; padding: 0; justify-content: space-between;">
          <label style="margin: 0; display: flex; align-items: center">
            <input type="checkbox" 
              id="{{ row.cr003_culturalservicesid }}" 
              name="{{ row.cr003_culturalservicename }}" 
              value="{{ row.cr003_priceincgst }}" 
              price="{{ row.cr003_priceincgst }}" 
              style="margin: 0 20px" onclick="checkboxEvent()" 
            />
            {% if row.cr003_priceincgst != 0 and 
                  row.cr003_culturalservicesid != 'b9c8a5d8-e4fd-ed11-8f6d-002248143782' and 
                  row.cr003_culturalservicesid != '38fca9de-e4fd-ed11-8f6d-002248143782' %} 
                  {{ row.cr003_priceincgst | decimals: 0, "en-US" | prepend: "$" }} 
            {% endif %} 
            {{ row.cr003_culturalservicename }} 
            {% if row.cr003_culturalservicesid == 'b9c8a5d8-e4fd-ed11-8f6d-002248143782' or 
                  row.cr003_culturalservicesid == '38fca9de-e4fd-ed11-8f6d-002248143782' %}
                  <br />
                  (priced per participant) 
            {% endif %} 
            {% if row.cr003_culturalservicesid == '5c676484-e3fd-ed11-8f6d-002248d3a5a0' %}
                  <br />Ask for a Quote {% endif %}
          </label>
          <img src="{{ row.cr003_culturalserviceimage.Url }}" alt="Service cover photo"/>
        </div>
        {% endfor %}
      </div>
    </div>
  {% endentityview %}
{% endentitylist %}

[AARON_C]

Hi @OliverRodrigues, @Lucas001 

Do you know if this is a known issue with the Enhanced data model? The code is working perfectly fine in a Standard data model site. 

I appreciate your help.

[Lucas001]

Hi @AARON_C,

just read one of your last posts here and it could be an error which I really hoped would be fixed right now.

Did you have a look if the URL is really having a url? Can you open the development tools and have a look inside the html and see the URL as string there?

<img src="{{ row.cr003_culturalserviceimage.Url }}" alt="Service cover photo"/>

I had an issue where enhanced model could not fetch specific data from dataverse and the text would just be blank.

If that is the issue try inserting any url from the web and see if it works. In case that's also a yes, I would raise a ticket as the issue from some time ago seems to persist.

--------------------------------------------------------------------------------------

Hope that helps.

If the post solves your problem, please mark it as solution. If it helps, consider a thumbs up.