Changing individual gallery cards on press

(0) Share

Report

Posted on by LukasOe

Hello,

I am fairly new to PowerApps, so bear with me...

I am building a little shop and I am stuck on this little problem.

As you can see in the attachment below ("product home page") I show the products available. On press it then needs to change to show information of the product (see attachment "Product info part"). However, I would like the card being pressed to be the only one to change. Right now, all of them change on press.

I am using buttons for the squares, and setting a variable to false onSelect to make the visibility false.

They are in a gallery connected to a Sharepoint list, where the information is for each product is stored. Adding to the cart is working fine (though you can add multiple of the same if it exists in the cart).

Any help would be welcomed.

Categories:

Building Power Apps

I have the same question (0)

All responses (4)

Answers (1)

Ami K 15,687 Super User 2024 Season 1 on at

Like (0)

Report
Copy link

Link copied!
@LukasOe - consider applying the below to the Visible property of the Button control:

!ThisItem.IsSelected

Was this reply helpful? Yes No
LukasOe 15 on at

Like (0)

Report
Copy link

Link copied!

This does not seem to work. I have attached a picture that shows the controls I use.

Iphone_showcase_1 has the variable variphoneshow in the visible property
Iphone_info_1 has the variable variphoneinfo in the visible property.

OnSelect on image5_2 and Button1_3 I have: Set(varphoneinfo; true) && Set(varphoneshow; false)
OnSelect on Button1_4 and HtmlText1_2 I have: Set(varphoneinfo; false) && Set(varphoneshow; true)

If I add !ThisItem.IsSelected to one of the containers, say Iphone_info_1, the info shows on all the other cards, but not the one I pressed. If I then exclude the ' ! ', the info container appears, but all the other products disappear.

Was this reply helpful? Yes No
LukasOe 15 on at

Like (0)

Report
Copy link

Link copied!

@Amik The screen has varphoneinfo OnVisible. I have removed that.

Having Iphone_showcase_1 having this in the Visible property: ThisItem.IsSelected && varphoneshow
and having Iphone_info_1 having this in the visible property: ThisItem.IsSelected && varphoneinfo

Makes the one card change, however, now all the other cards are gone???

Was this reply helpful? Yes No
Verified answer

LukasOe 15 on at

Like (0)

Report
Copy link

Link copied!

I have found the solution myself.

I stopped using containers for the controls as a step 1.
OnSelect on the showcase button/picture I applied: If(ThisItem.IsSelected; Set(varphoneinfo; true))
On the Visible property on the showcase button/picture I applied: If(varphoneinfo=true && ThisItem.IsSelected;false;true)

For the info button/text I applied OnSelect: Set(varphoneinfo; false)
And on Visible property: ThisItem.IsSelected && varphoneinfo

I am now able to press on individual items in the gallery to flip it to an info side and, with an add-to-cart button.
Got the idea from this post: Solved: Gallery visibility of individual controls - Power Platform Community (microsoft.com) where user @CNT posted a great response.

Was this reply helpful? Yes No