Unanswered

Scroll Bar Issue in Canvas App

Like (1) Share

Report

Posted on 22 Oct 2024 08:18:37 by Sudha857

We have designed a canvas app with a gallery that has one input field and can show items with the default pagination of 200 and scroll bar is enabled for the gallery. We have added a onChange event on the input field to update the value entered by the user in the input field. We are facing issues in patching the input field value in the Dataverse as the OnChange event will be triggered only when the user clicks somewhere else in the gallery before proceeding to update the field for some other item. Suppose if the user enters the input field value for item 30 and without clicking anywhere in the gallery if he scrolls down and enters the input field value for item 150, the 30th item input field value is not available in the patch to update in the dataverse that results in empty input field value being persisted in the database.

Can someone please clarify if this is how the scroll bar works in PowerApps.

Categories:

General Questions

All responses (3)

Answers (0)

Suggested answer

Nandit 1,563 Super User 2025 Season 1 on 22 Oct 2024 at 23:58:45

Like (0)

Report
Scroll Bar Issue in Canvas App

Hi Sudha857,

The Trigger Output is a property in the modern Text Input control but I would not suggest using the "Key Press" property in Modern Control with OnChange property as it will try to Update the value as soon as you will add even a single letter.

I think the best way to solve this would be introduce a Edit/Save button in the gallery, making the users press it after making updates to the record in the gallery.

To achieve this,

1. Add a button in your with the following properties

OnSelect

If( ThisItem.IsSelected && Self.Text = "Edit", UpdateContext({editItem: !editItem}), //Your OnChange property here; UpdateContext({editItem: !editItem}) )

Text

If(editItem && ThisItem.IsSelected, "Save", "Edit")

2. Add the following in the DisplayMode property of your Text Input

If( editItem && ThisItem.IsSelected, DisplayMode.Edit, DisplayMode.Disabled )

This is how it will look:

After pressing Edit on a record in the gallery:

Hope this helps.

Kind regards,

Nandit

If this answers your query, please mark this response as the answer.
If its helpful, please leave a like. Thanks!
Sudha857 20 on 22 Oct 2024 at 15:18:03

Like (0)

Report

Scroll Bar Issue in Canvas App

Thanks for the response. We tried looking for this property in the power apps authoring version as below

But we are not able to see the Trigger Output property for the input field. Can you please let us know the version which we can find this for.

Thanks!
elseb 766 Super User 2025 Season 1 on 22 Oct 2024 at 12:27:59

Like (0)

Report

Scroll Bar Issue in Canvas App

Change trigger output mode of the input to Key Press for example.