Power Apps SetFocus and Scroll to top of a Form

Do you want to put the user's cursor into a specific text input? SetFocus is the answer. And now you know that did you know you can also use it to take the user to the top of a form? Even if the form doesn't have text inputs? 😲

[nicoletimmons]

Thanks for another helpful video, Shane! I just tried this and it works well (at least so far as I can see) by doing what you suggest: adding the text input into the top card of a form as you showed, setting the border, etc. to all be transparent -- but then setting the text input's DisplayMode property to DisplayMode.View.

[iyengar]

Thanks mman.. That's a neat trick.... Now I ccann fool around with the forum.. You should fo this tricks more often

[brianhill]

Hey Shane! Your Videos are amazing! Thanks for all you do!!

[NarnawareSunil]

Awesome Shane.. I still remember for one of my projects.. we actually moved from one screen to another..but in second screen the focus was at the bottom..so likewise we added textinput and hid it behind another control and did setfocus on screen visible

[balgriski]

Excellent, your videos are the best!!

[marieraymond]

Thank you Shane, this works in my app. Great job explaining.

[clj]

Hi Shane, this doesn't work as well in a Mobile Canvas app. This is because when the cursor is focused into a text input box, the phone automatically brings up it's keyboard, which can be confusing for users as the text input box isn't really visible. Would be cool if there was a better work around for mobile canvas apps.

[juandavila]

Thanks for you amazing video, but could we put the focus in the first item of a gallery? How to do it?

[TheFunkBros]

Unfortunately it doesn't work with a rich text edit field inside of a data card. However, I created a text input inside that data card that was 0 width and it moved to the top but there was nothing showing as having the caret but if the user doesn't know their intuition simply says click inside the rich text editor and it works fine. It just looks like it scrolled to the top. Thanks

[FollowTheLion]

Thanks. This solution with the 0x0 text input worked out.

[itamarconceicao]

Hi, @Shane Young !
This tip is very nice... I create a Editable Grid and now... I have this problem with set focus.
Do you have other good tip for this?
Thanks!

[sangrampradhan]

Great video, can you please have something on pagination in powerapps?

[louiscutmore]

Ha, so good. At first, I was like: "Shane, just make it's Visible property to false!"
So, thanks for the 0x0 tip!!

[chispearson]

Hey Shane, How can we use the approvals Connector straight out of Power apps without Power Automate, Looks like it is in Preview at the moment.

[davidmckenzie]

Just what I've been looking for 👍.
I've also now looked at the documentation and it says you can use set focus on a Label control, so you could use the label of the first data card (disclaimer: haven't actually tried this yet!)

[jallabalaram]

HI @ShanesCows App Keyboard tabbing moves focus to Browser controls. How to resolve this

[rochellenicholson]

Hey Shane thats awesome!!! Do you think that you could do a video on setting up a Contact Tracing Sign In Form with somme of your cool tricks and ideas. As the whole world is living in an age of COVID

[leelavathiselvam]

How to create the powerapps which is in scrollable all the way to bottom and it should display the rectangular field which has the name of powerapps should be visible at all the time

[KWSSERVICES]

Hi Shane, thanks for the great videos and ideas in this one but I’ve a problem with SetFocus which kind of works in the way I want it to, but struggles with one aspect.
The form I’m working on is quite a size and is a scrollable canvas app with up to four sections and a variable number of fields in each section (dependent upon choices from above). Each section has a button which ‘saves’ the form and field values using a Patch command. After the ‘save’ I want to return to the relative position on the form, however ‘all’ that SetFocus does is take the cursor to the correct field (in the appropriate section) – what is doesn’t do is scroll the form down to that field’s position and therefore show it on screen. I hope this makes sense. I checked out if it was something to do with my form by creating a test screen, having a button with a ‘Save’ and a ‘SetFocus’ and it still hops back to the top of the screen once the save has happened. The cursor is placed in the correct field but the form doesn’t reposition itself.
If there is anything you can recommend I do, or if I’m doing something wrong please advise as this is a real pain in the butt.
Regards, and thanks a lot.
Alan C.

[Juventino]

Hi Shane,

My question is not related to the topic but maybe you can help me with. Could you please let me know if its possible to create Power App form based on Sharepoint list but :

- one field in form needs to have drop box where you can select distinct values from sql server column ( for example distinct values of customers)
- you can select one value (lets say Customer = Hitachi)
- after submit selected value in form(from sql server) is visible on sharepoint list in column formatted like : "Single line of text"

Thank you for your help in advance.