Power Apps Combo Box - Tabindex Issue

Question

Hi Microsoft Community,

I have created a Power Apps form and have several text and combo box items on a scrollable screen. I set the tabindex for every item on that screen in numerical order (1, 2, 3, etc.), except for the labels and rectangular boxes, which I set to -1. No item is set to 0.

When I test, it properly tabs sequentially through the text items, but it skips over the combo boxes. I have tried an incognito (private) browser and another browser (i.e. Chrome and Firefox), and the result is the same. Whenever I manually click on a combo box, tabbing sends me directly to the URL on the browser.

Is there a way to get the tabindex to work in sequential order with the text fields? Any advice would be appreciated.

Answer 1

Dear Jay,

Based on my test, the SharePoint list connected form which the form data is got from the list in SharePoint Online may ignore the order of the tab index. It still follows the let-to-right order no matter what order you set.

However, if you manually add the combo box controls and the text input controls from the site list, the Tabindex settings will also ignore the order you set. It will go ahead with the order you set for the text input controls first and then go ahead with the order you set for the combo box controls.

For example, you set 1 for ColumnA, 2 for ChoiceB, 3 for ColumnC and 4 for ChoiceC. The preview will be 1 for ColumnA, 2 for ColumnC, 3 for ChoiceB and 4 for ChoiceC with the Tab key.

As a workaround, you may add multiple Next buttons to make users click on the buttons to show the combo box controls and text input controls in order as you want.

You can set variable values such as var1 on the label ChoiceC and var2 on the combo box ChoiceC.

Then use the formula UpdateContext({var1:true});UpdateContext({var2:true}) to show the ChoiceC combobox.

Repeat the steps for other controls and labels.

Now reset the controls and hide teh controls by the formula such as Reset(TextInput1);Reset(ComboBox1);Reset(TextInput2);Reset(ComboBox2);UpdateContext({var1:false});UpdateContext({var2:false})... on the Reset Form button.

Result:

Your understanding is highly appreciated.

Sincerely

Cliff | Microsoft Community Moderator

Answer 2

Thank you, Cliff! I very much appreciate not only your thorough response, but also going out of the way to test the functionality, replicate the issue, and propose a solution. The solution doesn't quite meet the expectations of what we are trying design, since we were hoping to have a tab function that would greatly speed up the input of data on our form. Using the mouse slows down the process slightly. But that's okay. We can still function with the form as is, even if the tabindex must remain out of order.

Thanks again!

Answer 3

Dear Jay,

Thanks for your understanding and kindness.

You can also submit the feedback on the PowerApps feedback platform to let our product developers know your suggestions and opinions for product improvements.

Power Apps Ideas · Community

Hope that there will be a corresponding feature released soon in PowerApps.

Have a nice day!

Sincerely

Cliff | Microsoft Community Moderator