cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
Kudo Kingpin
Kudo Kingpin

Tab Order on Text Input

Hello,

I'm currently having issues with my tab order on my pages. It used to auto-tab from left to right between all of my inputs, but currently the auto-tab is seemingly jumping around the page on random. Is this a problem, or is there a way to fix this?

 

Thanks,

Tony

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Power Apps
Power Apps

Re: Tab Order on Text Input

Tony, you should be able to control exactly how you want to tab order to work by explicitly setting the TabIndex property on controls. By default (with the setting of 0), the app will try to follow a left-to-right top-to-bottom flow, but you can set >0 positive values on controls (eg. 1, 2, 3, 4...) to override that logic and specify the order you want. 

 

I hope this helps.

 

View solution in original post

8 REPLIES 8
Highlighted
Community Support
Community Support

Re: Tab Order on Text Input

Hi @TonyHart,

 

Did you mean the PowerApps' tab? 

Capture.PNG

 

This order cannot be changed in my PowerApps studio. Or did you mean the tab inside your app? Please post some screenshots for better understanding.

 

Regards,

Mona

Community Support Team _ Mona Li
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
Highlighted
Kudo Kingpin
Kudo Kingpin

Re: Tab Order on Text Input

@v-monli-msft

 

I am talking about tabbing between inputs. See picture below:Screen Shot 2017-06-22 at 4.53.28 PM.png

I want to be able to type in a value for any of these inputs, and then press "tab" on my keyboard so that it navigates to the next item (the item on the right, or the first item on the next line if the chosen item has no inputs to the right of it).

 

My applications used to do this with no issue, and now when "tab" is selected, there is rhythm or reason (seemingly) as to where it will go.

 

Thoughts?

Highlighted
Power Apps
Power Apps

Re: Tab Order on Text Input

Tony, you should be able to control exactly how you want to tab order to work by explicitly setting the TabIndex property on controls. By default (with the setting of 0), the app will try to follow a left-to-right top-to-bottom flow, but you can set >0 positive values on controls (eg. 1, 2, 3, 4...) to override that logic and specify the order you want. 

 

I hope this helps.

 

View solution in original post

Highlighted
Frequent Visitor

Re: Tab Order on Text Input

I am afraid it does not work even if for simple text input control:  I inserted 4 text input controls... changed their positions, assigned tabindex from 1 to 4 in order I needed... unpredictable navigation route when pressing Tab (or Shift+Tab).

 

It gets more complicated in Edit Form, where we have data cards (without tabindex property)... 

 

This is a very basic function (existing in Access 20 years ago), and very important for streamlining data entry, at least for the generation that prefers keyboard shortcuts to touching a screen... Smiley Indifferent

 

I hope I missed something, so this essential functionality is there but I could not benefit from it...

Highlighted
Regular Visitor

Re: Tab Order on Text Input

I had the similar erratic tabbing order even after providing the TabIndex.

What worked for me is:

  1. Ensuring the TabIndex started from 1 and not 0.
  2. Data source refresh after it.

Hope this helps if your TabIndex doesn't to work.

Highlighted
Frequent Visitor

Re: Tab Order on Text Input

Thanks, this works for me. 

Highlighted
Frequent Visitor

Re: Tab Order on Text Input

Additional: you can also use decimals in the Tabindex property.

Handy if you add new inputfields between e.g. Tabindex's 2 and 3; you use Tabindex 2.5 for the inserted one.

Benefit is that you don't have to renumber all your existing Tabbable fields.

 

Highlighted
Advocate I
Advocate I

Re: Tab Order on Text Input

I realise this is an old post, but I'm putting this here as I think it'd be useful for everyone to know. 

 

When working with the tab inex property, you can use a calcuation to determine it. For example, let's say you have a form with four fields displayed in a single column form - let's call them Alpha, Bravo, Charlie and Delta. After the end user enters something in Alpha, I want the tab index to take them to Bravo. So I would set the tab index of Bravo to Alpha.TabIndex + 1. I then want the tab index to move the focus from Bravo to Charlie, so I would set the tab index of Charlie to Bravo.TabIndex + 1. Then rinse and repeat as needed. 

Helpful resources

Announcements
secondImage

Demo-Extravaganza 2020

Check out these cool Power Apps & vote on your favorite!

secondImage

Robotic Process Automation

Let's talk about the solution provided by Microsoft for Robotic Process Automation (RPA)

secondImage

Community Highlights

Check out whats happening in Power Apps

secondImage

Community User Group Member Badges

FIll out a quick form to claim your community user group member badge today!

Top Solution Authors
Top Kudoed Authors
Users online (8,138)