web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Image configured in Co...
Power Apps
Answered

Image configured in Component not showing up in screen

(1) ShareShare
ReportReport
Posted on by 126
I have created a component in Powerapps with custom Property named DataSource of type Table. Screenshot included below
 
Component DataSource
[
  { Title: "", Image: "", Screen: "" }
]
I have added a Gallery with Image column, label column.
 
Gallery Items property
MyComponent.DataSource
 
Gallery Image - ThisItem. Image
Gallery Label - ThisItem.Title.
Gallery label OnSelect - Navigate(ThisItem.Screen)
 
When i add the component in screen and pass SharePoint list as the DataSource which has Title and Image column, it shows label but doesn't shows image from SharePoint list. May i know why?
 
 
It throws warning Expected a different collection record structure. May i know how to resolve this?
 
 
I have the same question (0)
  • Suggested answer
    Haque Profile Picture
    3,653 on at
    Hi @Poweruser32490,
     

    The warning "Expected a different collection record structure" means the data you are passing to your component’s DataSource property does not exactly match the schema your component expects.

    Since your component’s DataSource property is defined as a table of records with fields like:

    [
      { Title: "", Image: "", Screen: "" }
    ]
    
    but SharePoint list likely has a different schema (for example, it may not have a Screen column, or the Image field structure differs), Power Apps raises this warning.
     

    Normalize the SharePoint data to match the component schema before passing it in: Let's use a ForAll or AddColumns to create a collection or table with exactly the fields your component expects.

    Example:

    ClearCollect(
        colNormalizedData,
        AddColumns(
            MySharePointList,
            "Screen", Blank() // or set to a default screen if needed
        )
    )
    
     
    Then pass colNormalizedData to your component’s DataSource property.
     

    Ensure the field names and types exactly match:

    • Title should be a text field.
    • Image should be a URL string or the exact image format your component expects.
    • Screen should be a screen reference or blank if not used.
     
    If your SharePoint Image column is complex (e.g., a record with .Value), extract the URL:
     
    ClearCollect(
        colNormalizedData,
        AddColumns(
            MySharePointList,
            "Image", ImageColumn.Value,
            "Screen", Blank()
        )
    )
    
     
    Pass the normalized collection to the component:
    MyComponent.DataSource = colNormalizedData
    
     

    I am sure some clues I tried to give. If these clues help to resolve the issue brought you by here, please don't forget to check the box Does this answer your question? At the same time, I am pretty sure you have liked the response!
  • Verified answer
    Kalathiya Profile Picture
    2,456 Super User 2026 Season 1 on at
     
    Issue is happening because of a data structure mismatch in your component parameter. You have defined the Image field as a string type, but the SharePoint Image column returns an image/record type, not plain text due to this it's giving the warning and not displaying the image. 
     
    Recommended Approach:
    You actually don’t need to pass the DataSource as a parameter.
    Just Enable “Access app scope” in the component then directly use your SharePoint list inside the component.
     
     
     
    If this response resolves your issue, please mark it as the Verified Answer so it can help other community members as well.
    ---------------------------------------------------------------------------------

    📩 Need more help? Just mention @Kalathiya and I’ll be happy to assist.

    ✔️ If this answer helped you, please tick “Does this answer your question?” so it can be marked as the Verified Answer.

    💛 A Like always motivates me to keep contributing!

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Season of Sharing Community Challenge Launch!

Jump in, show your community spirit, and win prizes!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Congratulations to the May Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
Valantis Profile Picture

Valantis 424

#2
WarrenBelz Profile Picture

WarrenBelz 355 Most Valuable Professional

#3
11manish Profile Picture

11manish 290

Last 30 days Overall leaderboard