How to reset vertical position of a canvas component ?

(0) Share

Report

Posted on by RemiChambard2

166

Hi,

I've added a canvas component on a screen to let the user scroll up and down in a screen with a "lot" of content.

When the user scrolls in the canvas and when I leave and come back to the screen, the scroll position of the canvas stays the same which is quite weird.

Is there any way to reset the position to the top of the canvas ?

Thanks !

Categories:

Building Power Apps

All responses (5)

Answers (1)

Sort by

Verified answer

v-yutliu-msft Microsoft Employee on at

Like
a
(4)

Report
Copy link

Link copied!
Hi @RemiChambard2 ,

Do you want to reset the position of a scroll screen?

Firstly, this feather is still in preview status, which has not been released.

I believe this feather will soon be released. Let us look forward to it !

You could check this idea to see this feather's status:

https://powerusers.microsoft.com/t5/Power-Apps-Ideas/Screen-Reset-Set-Scrollbar-Back-to-Top/idi-p/65933#comments

Secondly, someone has figured out a solution that could reset the position of a scroll screen.

1)set the scroll screen's OnVisible:

UpdateContext({resetCan:false})

2)set the scroll screen's OnHidden:

UpdateContext({resetCan:true})

3)set this screen's every datacard's Visible:

resetCan=false

Then when you navigate back to this scroll screen, the previous position will not be saved.

Here's a similar issue for your reference:

https://powerusers.microsoft.com/t5/Building-Power-Apps/Go-to-Top-part-of-screen/td-p/90877

Best regards,
RemiChambard 3 on at

Like
a
(0)

Report
Copy link

Link copied!

Thanks ! It totally makes the trick !
Kellboy2243 51 on at

Like
a
(4)

Report
Copy link

Link copied!
My Preferred and easiest workaround will be to use the SetFocus function

To achieve this you need to throw a TextInput at the top most part of the scrollable control. Make sure it does not interfere with any important part of the screen by shrinking the height of the TextInput.

Onvisible Property of the screen, Set the following

SetFocus(TextInputName)

Now when you navigate to that screen, It will set a focus on the TextInput control and scroll back to the top as desired.

Lastly don't forget to change all the visible properties of the TextInput control to transparent including the Hover, Border and Pressed Properties so its not visible.

Hope this helps someone
coathangers 4 on at

Like
a
(0)

Report
Copy link

Link copied!

Great workaround, credit to OP
gizmo5555 23 on at

Like
a
(0)

Report
Copy link

Link copied!

So simple, yet so effective. Great idea. Thanks!