Image column display in Power Portal from Dataverse using FetchXML with Liquid code

Is you want to display the Image column from Dataverse to Power Portal page follow below method.

First you need to build the FetchXML.

If your column logical name is new_image then in fetchXML you need to use new_image_url

So your FetchXML will look like below with liquid code.

{% fetchxml catFetch %}
<fetch version="1.0" output-format="xml-platform" mapping="logical" distinct="false">
  <entity name="new_myproduct">
    <attribute name="new_name" />
    <attribute name="new_image_url" />
  </entity>
</fetch>
{% endfetchxml %}

Then use the image using below code.

ORG URL is the organization URL you can get from Developer Center or Admin.powerplatform.com or browser. the URL looks like this

https://org44.crm2.dynamics.com/

  {% for result in catFetch.results.entities %}
            <div>
                   <img src="{{org url}}{{result.new_image_url}}">
              <div>
                <h5>{{ result.new_name }} </h5>
              </div>
            </div>
           {% endfor %}

Now it will display the image from dataverse to power portal.

Hope this helps.

Follow my blog for more trending topics on Dynamics 365, Azure, C#, Power Portals and Power Platform. For training, Courses and consulting, call to us at +91 832 886 5778 I am working more for community to share skills in Dynamics 365 and Power Platform. Please support me by subscribing my YouTube Channel. My YouTube Channel link is this : https://www.youtube.com/user/sppmaestro