How to populate image from one gallery to another by clicking a button on selected card that has that image filed?

[glucero1975]

I am builing a powerapp with a gallery of individual cards. Each crd represents a specific items.  Within this card there is a number of data fileds that pull from a sharepoint list.  I want the user to be allowed to click thre of these cards for comparison.  I have created another page with overlay bar to populaye as they click on the cards they want to compare.  What I can not figure out is how to link the compare button on the original card to populate the image and title fields on the new gallery card i created to the selected overlay page.

[RandyHayes]

@glucero1975 

You need to reference the image control of your first gallery in context of the gallery itself.

Not knowing your second gallery Items property, I will suggest that it should be:

   Filter(firstGallery.AllItems, chkCompare.Value)

Then in your second gallery template, you would reference ThisItem.imageFromFirstGallery

I hope this is helpful for you.

[glucero1975]

Thank you.  I am fairly new so would this context work:

Filter(SoS_Card_Gallery1_1.AllItems, chkCompare.Value)

ThisItem.'SoS Img'

and since the gallery repeates itself based on the number of sharepointlist items, would the image populate based on that cards comapre button?  I ask because the gallery is all one structure.  

[RandyHayes]

@glucero1975 

Well, sorta kinda...not really!   

The sorta part - your Items property of the Gallery2 would be pretty much as you say.  However, it appears you have a button to do the compare selection.  I would advise a checkbox instead (even if it is disguised as a button).  This will make it much easier as a button will not retain state and then you will be writing a bunch of formulas to try to simulate the state of it.  A checkbox will do all of that for you.

The Kinda part - if 'SoS Img' is the name of the Image column from your gallery 1 Items records, then that is fine.  You can also directly reference the Image4 control that you have in gallery 1.  i.e.  ThisItem.Image4.Image

The Not Really part - ... not really sure if this is where you are trying to go with this.  But there are a couple more things to consider with the checkbox concept, such as limiting the number of items you want to compare.  It appears that 3 is the max you want.  So, in this case, I would utilize the DisplayMode property on the checkbox to disable all others if 3 are checked (while not disabling the ones that are checked).

[glucero1975]

Ok.  So here is where I am.  I converted button to checkbox.  Actually for right now I just added a checkbox as well to gallery.  I set check box displymode to limit only 3 items to be selected. 

If(Self.Value || (Value(CountLabel.Text)=2)|| (Value(CountLabel.Text)=1) || (Value(CountLabel.Text)=0), DisplayMode.Edit, Disabled)

When I play app, it disables all other cards in gallery after the third box is checked.  Exactly what I wanted.  So now we are back to the same question.  How do I get the comapre bar to populate image and title from the card when the check box is selected.  Example.  I check on check box, and that image and title will populate image and title field in first gallery on comapre bar.  Then this will apply for the next 2 check boxes for a total of 3 items?

[RandyHayes]

@glucero1975 

Very good!  It appears that you created a label outside of the gallery called CountLabel that most likely has a formula on the text of:  CountRows(Filter(gallery1.AllItems, chkCompare.Value))

You can slightly simplify your displayMode formula on the check box control in the gallery to:

   If(Self.Value || (Value(CountLabel.Text)<3), DisplayMode.Edit, Disabled)

Now, your Items property for Galery2 should be:

   Filter(Gallery1.AllItems, chkCompare.Value)

That will give you a table of all the checked for compare items.

I am a little confused on your Gallery2 items though.  It appears that there are three different looking rows of your Gallery.

I had assumed you were using a horizontal gallery for gallery2 to show the three items and that the gallery and rows were essentially this:

But the first block looks much different than the second block.

SO...perhaps I am not understanding what you have going on for Gallery2.  Can you clarify a bit for me?

[glucero1975]

yes.  I was currious as to if each one needed to be its own galery or just one that spanned horizontally. Isthat the better option? I think I went with 3 idividual as I was not getting the look I wanted at the time.

[RandyHayes]

@glucero1975 

Always reduce the amount of controls you use when you can!

In this case (as I see it from a PowerApp designer standpoint) I see in your "compare bar" a large label that creates the background and border of the box.  Then a horizontal Gallery on top of that and then the additional labels, icon and button on the right.

In that case, the horizontal gallery would then have the Items formula mentioned, and also the Image and Text label as you have shown.

[glucero1975]

Still can not get images to fill gallery on comapre bar page? 

[glucero1975]

Once I have selected the items from the first gallery, do I need to create a collection for OnCheck so only those items will fill the comapre gallery on second page?