Answered

Tab Order on Text Input

(0) Share

Report

Posted on by Community Power Pla... Microsoft Employee

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

Categories:

Building Power Apps

I have the same question (0)

All responses (13)

Answers (1)

Sort by

v-monli-msft Microsoft Employee on at

Like (1)

Report
Copy link

Link copied!

Hi @Anonymous,

Did you mean the PowerApps' tab?

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

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!

@v-monli-msft

I am talking about tabbing between inputs. See picture below:
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?

Was this reply helpful? Yes No
Verified answer

miglisic Microsoft Employee on at

Like (9)

Report
Copy link

Link copied!

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.

Was this reply helpful? Yes No
globUSA 19 on at

Like (4)

Report
Copy link

Link copied!

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...

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

Was this reply helpful? Yes No
jemsjose 32 on at

Like (11)

Report
Copy link

Link copied!
I had the similar erratic tabbing order even after providing the TabIndex.
What worked for me is:
Ensuring the TabIndex started from 1 and not 0.
Data source refresh after it.
Hope this helps if your TabIndex doesn't to work.

Was this reply helpful? Yes No
Francis_Ayson 7 on at

Like (0)

Report
Copy link

Link copied!

Thanks, this works for me.

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like (6)

Report
Copy link

Link copied!

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.

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like (10)

Report
Copy link

Link copied!

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.

Was this reply helpful? Yes No
whitelc 36 on at

Like (0)

Report
Copy link

Link copied!

Way cool, thanks!

Was this reply helpful? Yes No
Hasini N 8 on at

Like (0)

Report
Copy link

Link copied!

In the same gallery control i have used the tab index as mentioned using the formula
Txtbox1 txtBox2...txtbox10
Tabindex of txtbox1 is 0
TabIndex of txtbox2 - txtbox10 is txtbox1+1

In the play mode,
I have cursor in the text box1, when i click tab mode cursor is moving to the txtbox2 to txtbox10.

I want the cursor movement should be in vertical.

Kindly help me how to achieve this

Was this reply helpful? Yes No