Bind Gallery with the Icon, Shape and Other OOTB controls

[ArafatTehsin]

Hi folks! 

I'm quite new to the Power Apps and wondering if we can easily bind any out of the box controls specifically Icons and Shapes with their properties. 

I am creating a Filter Screen. I have got a custom collection and I want to bind each item with 3 controls;

1. Circle (filled with color)

2. Filter Name (such as Scheduled, Open, Closed)

3. Icon (visibility based upon true or false value)

When I bind my collection which is like this;

ClearCollect(
FilterList,
{
Color: Color.Blue,
FilterName: "Scheduled",
IsSelected: false
},
{
Color: Color.Green,
FilterName: "Open",
IsSelected: true
}
);
...

The only field I see is the label field. Why not Icon or Circle? What's the issue with that? 

Appreciate an answer there as well as it's quite relevant to my solution.

[EvanTse]

@ArafatTehsin  Are you able to share some more information about your situation?

I have the following assumptions:

1. You are showing the collection in a gallery
2. You are referencing the column attribute of your collection to determine when the icon is shown?

Without knowing enough about your situation, my guess is that you should not have an "IsSelected" column in your collection as this would create conflicts with the Microsoft "IsSelected" functionality.

Please share some information around your gallery if this is how you have set it up.  

[v-xida-msft · Accepted solution]

Hi @ArafatTehsin ,

Actually, the displaying fields within the Gallery is based on the controls you added inside it.

Currently, within PowerApps, there is no Gallery Layout consists of Icon and Circle, so when you bind your FilterList collection to the Gallery, it would only generate Label control for displaying Text value.

As an fixed solution, you could consider insert Icon and Circle controls into this Gallery manually, then fill the Circle color based on the Color column value. E.G. Set the Fill property of the Circle control to following:

ThisItem.Color

Set the Visible property of the Icon to following:

If(
   ThisItem.IsSelected,
   true,
   false
)

Best regards,

[ArafatTehsin]

Hi folks

Thank you all for your responses. I already managed to accomplish but as I said, there should be a way to bind the controls (broadly). 

I will definitely share my way of creating a MultiSelect List once I have got it mature enough that users start using it. 

Cheers

Arafat

[v-xida-msft]

Hi @ArafatTehsin ,

Have you solved your problem?

If you have solved your problem, please consider go ahead to click "Accept as Solution" to identify this thread has been solved.

Of course, please share your solution here, so it could help other people who faces same needs with you.

Best regards,

[ArafatTehsin]

Hi @v-xida-msft Although I managed to do it my way but your solution looks good to me and I think that should be accepted as a solution. 

Thank you for all the support.