Answered

Increment number with button, in a Gallery

(0) Share

Report

Posted on by RogerHar

I am building a shopping cart in a Gallery. I pull the description of the product from a collection to populate the Gallery control. I have a text input field so a user can type in a qty. I also added two buttons with plus symbol and minus symbol so a user can just tape the button to Increment the order quantity. I tried using the solution down below but it's updating every item in my collection. Example, if I tape the plus symbol button twice every item shows ordering two. What am I missing?

Use this code in the OnSelect property of your button.

Set(myPurchaseOrderNum, Value(TextInput1.Text) + 1);
Set(myPurchaseOrderReset, true);
Set(myPurchaseOrderReset, false);

Put this code in the Default property of your text input.

myPurchaseOrderNum

Categories:

Building Power Apps

All responses (2)

Answers (1)

Sort by

Verified answer

Drrickryp Super User 2024 Season 1 on at

Like
a
(1)

Report
Copy link

Link copied!
Hi @RogerHar

Put ">" and "<" Icons inside the gallery to increment and decrement the Default property of TextInput box tied to the Quantity field. Have the OnSelect property of the ">" icon as

Patch( yourcollection, ThisItem, {quantity: quantity + 1} )

for the "<" icon have the patch argument as quantity:quantity-1. The important take away is that you need to have the icons inside of the gallery and have them patch the current record. Otherwise you will get the result you showed above. A more elegant way to do it is to put a slider inside the gallery and set the Default of the TextInput box to the Slider.Value as in the screenshot.
RogerHar 24 on at

Like
a
(0)

Report
Copy link

Link copied!

Finally wrapped my head around how it works. Thank you.