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

[AARON_C]

@Lucas001 

Hardcoding an image URL works fines, but then that one image is displayed for all of my services. The image needs to be dynamic as each service has a different image associated to it. 

I have tried all of these, and all result in no value in the src when looking at the dev tools.

This is what I see from the Dev tools when doing the above.

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

Although, when I have just {{ row.cr003_culturalserviceimage }}, I receive a really big number in the src.

[Lucas001]

Hi @AARON_C ,

maybe it's best to shortly get back to the beginning.

You said you are using webfiles correct?

In case you are using webfiles FetchXML is not necessary. You can just use the URL like "yourPageName" + "your "WebfileName".

Or are you indeed using an image column?

[AARON_C]

@Lucas001 

Okay so from the beginning. I have a power page site and a canvas app.

The power page site is used for external users to create bookings/edit bookings.

The canvas app is used by the company to manage bookings and also add new cultural services to be displayed on the site.

I have a table in Dataverse with the following columns:

The image column is of type image so that users of the canvas app that create new cultural services are able to upload an image from their computer.

I am not using webfiles.

P.s. I have also created a ticket with Microsoft, but still waiting on a reply back.

[Lucas001]

Hi @AARON_C,

there are 2 more things which you can try.

First:

Can you try to just show the records in your for-Loop entity.record and see if any data is displayed or if there already is a malfunction? If so it could be a liquid problem

Second:

In MS Learn they use the fetchXML entity method instead of entityview and entitylist:

{% fetchxml contacts %}
        <fetch version="1.0" output-format="xml-platform" mapping="logical" distinct="false">
            <entity name="contact">
                <attribute name="fullname"/>
                <attribute name="entityimage"/>
            </entity>
        </fetch>
    {% endfetchxml %}

    {% for item in contacts.results.entities %}
        {
            "Full Name":"{{ item.fullname }}"
            "Entity Image Type":"{{ item.entityimage.Type}}",
            "Entity Image Size":"{{ item.entityimage.Size}}",
            "Entity Image Url":"{{ item.entityimage.Url}}",
            "Entity Image Value":"{{ item.entityimage.Value}}"
        }
    {% endfor %}

https://learn.microsoft.com/en-us/power-pages/configure/image-column

It could be that only fetchXMl entity works for an image column, not sure about that.

Could you just implement it like that and try to show the urls that way? If those are displayed than the issue indeed is a combination of an image column and entitylist, entityview.

[AARON_C · Accepted solution]

@psarapu001,@Lucas001 

The liquid code was working fine as it was showing the price and names of the different services available. Just wasn't showing the images.

I have found another solution on how to get the image to load in the enhanced data model sites. I have used this documentation to get the images to load.

Please tick Accept as solution if the answer is useful.

Thanks,

@AARON_C 

[Lucas001]

Hi @psarapu001,

as it is your post, did you solve the issue or do you need any more information.

Could you try the last solution posted by @AARON_C.

In case your problem is solved, please close the thread.

[dalemb]

Hi, 

Its like @AARON_C said, the liquid script is unable to retrieve the .url extension.

I was working fine on the Standard Data model, but it's happening the same to me as soon as i migrated the Portal to a production environment.

{% for listItem_z9 in listItem_z9.results.entities %}

{% assign TEMPX = listItem_z9.bsda_imagepresentation1.url %}

{% endfor %}

{{TEMPX}} has nothing there. This is clearly a Microsoft issue.

Thanks,

[Lucas001]

Hi @dalemb,

did you have a look at the solution which worked for @AARON_C ?

[dalemb]

Hi @Lucas001 ,

His solution does not work for me.

I would need the Imaged ID {3}. The ID atribute of that propriety is not available.

{0}/Image/download.aspx?entity={1}&attribute={2}&id={3}

ID={3}

The values of the atribute are being retrieved dynamically. That doesn't work.

Those atributes/fields are inside a table, not inside webfiles.

Thanks

[GWham1]

Seems like there might be an issue with the enhanced data model? Ii seem to be having a similar issue.

https://powerusers.microsoft.com/t5/General-Discussions/Displaying-an-image-of-type-file-in-Portal-p...

I have created a MS support ticket for more information.