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

I have the same question (0)

All responses (5)

Answers (1)

Verified answer

v-yutliu-msft on at

Like (4)

Report
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,

Was this reply helpful? Yes No
RemiChambard 3 on at

Like (0)

Report

Thanks ! It totally makes the trick !

Was this reply helpful? Yes No
Kellboy2243 51 on at

Like (4)

Report
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

Was this reply helpful? Yes No
coathangers 4 on at

Like (0)

Report

Great workaround, credit to OP

Was this reply helpful? Yes No
gizmo5555 23 on at

Like (0)

Report

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

Was this reply helpful? Yes No