Unable to reference column names in Component Gallery

(1) Share

Report

Posted on by Poweruser32490

I need to create a component in Powerapps something similar as below. Have created a custom property of Type table as i need to pass SharePoint list as the datasource once i add it into the screen.

Added a Gallery and added a image and label column.

Gallery Items

Componentname.DataSource
 
While setting image column to This Item.Columnname, it shows something different. What should i set the image and label column to as i cant reference sharepoint list here where my image and label column will come from?

Categories:

AI Builder

Microsoft Dataverse with Power Apps

GCC, GCCH, DoD - Federal App Makers (FAM)

Error handling

Connector development

Building Power Apps

Experimental features

Governance & administering

Power Apps Pro Dev & ISV

Power Query

General topics

I have the same question (0)

All responses (5)

Answers (0)

Sort by

11manish 2,126 on at

Like (0)

Report
Copy link

Link copied!

Please share the SharePoint list detail.

Was this reply helpful? Yes No
Suggested answer

Sunil Kumar Pashikanti 2,069 Moderator on at

Like (0)

Report
Copy link

Link copied!

Hi @Poweruser32490,

In components, Power Apps does not know your schema automatically. You must define it.
Create your component property with a typed schema.
Example
Set property type as Table and define fields like:

Title as Text
ImageURL as Text

Then inside the gallery use:
ThisItem.Title
ThisItem

Component only understands what you define, not the actual SharePoint schema.

References:

Creating Table Input Property Component in Power Apps - YouTube

Learn Power Apps Canvas Components By Making 5 Components

Map input fields of a component - Power Apps | Microsoft Learn

✅ If this answer helped resolve your issue, please mark it as Accepted so it can help others with the same problem.
👍 Feel free to Like the post if you found it useful.

Sunil Kumar Pashikanti, Moderator
Blog: https://sunilpashikanti.com/posts/

Was this reply helpful? Yes No
Poweruser32490 96 on at

Like (0)

Report
Copy link

Link copied!

Hi @11manish

SharePoint list has Image column named Image, Text column named NavigationText and another Text column named NavigationScreen

Was this reply helpful? Yes No
11manish 2,126 on at

Like (0)

Report
Copy link

Link copied!

Hi Poweruser32490,

I created a list like below in the SharePoint

After the add the Data Soruce as SharePoint:

Add the new screen with gallary and point data source as LeftMenu

Was this reply helpful? Yes No
Suggested answer

Haque 2,543 on at

Like (0)

Report
Copy link

Link copied!
Hi @Poweruser32490,

Power Apps components don’t automatically recognize SharePoint list schemas because components are designed to be reusable and data-source agnostic by default. To create a component that displays images and labels from a SharePoint list inside a gallery, you need to explicitly pass the data into the component as a property.

Let's check if we have followed these steps:

Create an Input Property in the Component: In your component, create a new input property of type Table (e.g., DataSource). This property will receive the SharePoint list data from the parent app.

Bind the Gallery’s Items Property to the Input Property: Inside the component, add a gallery control. Set the gallery’s Items property to the component’s input property

Self.DataSource

Note: This makes the gallery display whatever data is passed into the component.

Configure the Gallery Template: Add an Image control inside the gallery template. Set the Image control’s Image property to the field in your SharePoint list that contains the image URL or image data, e.g.: ThisItem.ImageColumn

Add a Label control and set its Text property to the field you want to display as a label, e.g.: ThisItem.Title

Pass the SharePoint List Data to the Component: In your main app screen (outside the component), set the component’s DataSource property to your SharePoint list or a filtered collection, e.g.: MySharePointList

Or if you want to load a collection for better performance: colImages

Note: Where colImages is a collection you populate with the SharePoint list data.

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!

Was this reply helpful? Yes No