Product images play an important role in delivering a richer and more intuitive user experience. Whether you are building a sales app, inventory management tool, or a field service application, displaying product images directly within Power Apps can make data more engaging and easier to interpret.
In this article, we’ll explore how you can surface Product images stored in Dynamics 365 Finance & Operations (F&O) into your Power Apps applications.
Why Display Product Images in Power Apps?
Dynamics 365 F&O holds the master data for products, including their images. By integrating product images into Power Apps:
– Sales teams can quickly recognize products without scrolling through codes.
– Field workers can identify items more easily.
– Managers gain a visual overview of inventory and catalogs.
– You reduce errors when searching or selecting products.
Where Are Product Images Stored in Dynamics 365 F&O?
In Dynamics 365 F&O, product images are typically managed through the Document Management framework. Images are often stored as attachments (binary files) linked to product records in the Released Products (EcoResProduct) entity.
These images can be exposed via Data Entities such as:
– ReleasedProductDocumentAttachments ( Released products)
– ProductDocumentAttachments (Products)
Step 1: Expose Product Images via OData
To bring product images into Power Apps, we first need them available through OData endpoints:
1. Open the browser and put your environment url/data/ProductDocumentAttachments
For example : https://testpc.sandbox.operations.eu.dynamics.com/data/ProductDocumentAttachments
2. Ensure you can retrieve image metadata and binary content (usually in Base64).
Step 2: Connect Power Apps to F&O
- Open Power Apps and create a new Canvas App.
2. Add a Microsoft Dataverse connection and add – Use the same endpoint: - Select your entity (Product document attachment entity).
Step 3: Display Images in a Power Apps Gallery
Once connected, you can display product images in a gallery or form.
Create one text field for the label – Select Product number
Datasource : Product document attachments (mserp)’
Items : ‘Product document attachments (mserp)’
One combox field – Select Product number
– Insert an Image control.
– Set the Image property to the below
Â
"data:image/jpeg;base64," & ComboBox1_1.Selected.Bitmap
Here, ComboBox1_1.Selected.Bitmap is the field storing the Base64-encoded binary image. Prepending data:image/jpeg;base64, ensures Power Apps can render it correctly.
Step 4: Test the result
Find the product number with the image in the system
Select the product number from the list
The image will be displayed below.
Step 5: Enhancing Experience
Here are a few ideas to make the solution more user-friendly:
– Search & Filter: Add a search bar to filter products by name or number.
– Thumbnail vs Full Size: Show small thumbnails in galleries and full images on product detail screens.
– Offline Scenarios: Use Dataverse or SharePoint as a caching layer if offline access is needed.
– Performance Optimization: Only load images when required to reduce app load times.
Key Benefits
– Unified product data and visuals in one app.
– Better user experience for sales, warehouse, and field staff.
– Streamlined workflows that reduce product selection errors.
– Seamless integration between Dynamics 365 F&O and Power Platform.
Conclusion
With just a few steps, you can bring product images from Dynamics 365 Finance & Operations into Power Apps. By leveraging OData entities, Power FX expressions, and galleries, your applications can present a much more engaging and visually rich product catalog.
This integration not only enhances usability but also empowers teams to make faster, more accurate decisions.
