SharePoint List form in Power Apps Tab Index not working

(1) Share

Report

Posted on by SD-04091709-0

I've read several posts about others experiencing this issue but none had a solution.

I have a SharePoint list form in New Mode. I have set each control property to the tab order needed. 1,2,3,4,5,6,7,8,9, etc.

I've tried setting my first Text control property tab index to 0 and then 1.

This one works.

My second control property is a Dropdown. When playing the app, the tab skips over this control property even though it is set at 2.

As you tab through the form it takes a many as 6 tab clicks to go to the next field.

There is no container, there is just the form.

Does anyone have any suggestions?

Categories:

General Questions

Tabindexerror.png

All responses (4)

Answers (0)

DCHammer 635 on at

Like (0)

Report

SharePoint List form in Power Apps Tab Index not working

@SD-04091709-0 There is a way but it's such a pain.

The tab order seems to match the order of the datacards in the Tree View. And I'm sure it's not actually following that order but that order represents the order the datacards are added to the form. And that can never be modified. Regardless of what you do, it will follow the order they are on the form in the Tree.

So, the workaround is to add datacards individually in the order that will match your intended tab order. And hope you never have to change it. Because if you do, you need to delete every datacard below the point in the tree where you want the new card. Then add the new datacard and then re-add all of the other datacards.

And you also can't use Copy Code and paste them back in because Paste Code doesn't work into the Form at all. It will allow you to paste the datacard code into another datacard but that's of no help because you can't then move it out.

Microsoft really needs to fix this. I understand not allowing us to manually mess with a tab index but then you have to allow us to modify the values that are being used to control tab behaviour.
DCHammer 635 on at

Like (0)

Report

SharePoint List form in Power Apps Tab Index not working

I'm having this exact problem right now and there is absolutely no way that I can determine that will allow you to modify the tab order.

Regardless of how I lay out the datacards and or controls on the screen, the tab order of the datacards seems to be controlled by their order in the Tree View. And that order is automatically determined (alphabetically based on field/colum name) when you add datacards to a form.

So, if you select 14 fields like I did and add them, it puts the datacards into the Tree View and on the page in alphabetical order.

You can then use multiple methods to modify the visual layout on the screen.

But nothing you do will affect the order in the Tree View.

So, it appears the only way to every modify this is to manually add datacards in the specific order you want them on the screen and/or tabbed through.

And then hope that nothing ever requires you to make even a single field change because that will mean deleting every card that is already on the form in a tab position greater than whatever you want add.

Which is what I'm going to have to do since there seems to be no other method to modify tab order once set by the Authoring tool.

EDIT: And by the way, the Modern Form control does exactly the same thing.

Test: Create a new form and point it at a datasource and item. It will automatically define a number of datacards for you. Demo it. You'll see that it tabs through the fields in the order it added them. Which seems to be in the order they exist in the datasource rather than alphabetically. Regardless it's not helpful. Then move a datacard and check the tab order. You'll notice it's following exactly the same order. Which matches the Tree View and cannot be changed through any method I can determine.
Suggested answer

Nandit 1,535 on at

Like (1)

Report

SharePoint List form in Power Apps Tab Index not working

Hi SD-04091709-0,

You can not define a tab order for your form. You can only decide which controls will participate in the navigation.

If you use a Modern form, there is no Tab Index property for the form or the controls within it. But, when you will press Tab is play mode it will take your through all the controls in the form based on their order by default.

In a classic, experience is the same, if the Tab Index is 0 or greater than 0, then the control will participate in the Keyboard navigation. If you put -1 or less than the control won't participate in keyboard navigation.

It is recommended to only use 0 and -1 in TabIndex for simplicity.

I would suggest making changes to your control properties and see if it works for you.

Hope this helps.

Kind regards,

Nandit

If this answers your query, please mark this response as the answer.
If its helpful, please leave a like. Thanks!
ANB 6,939 on at

Like (0)

Report

SharePoint List form in Power Apps Tab Index not working

Hi

Are you using the modern controls and classic control mixture?

Also, custom tab indexes are retired. Please check below:

Please refer: https://learn.microsoft.com/en-us/power-apps/maker/canvas-apps/accessible-apps-structure and https://learn.microsoft.com/en-us/power-apps/maker/canvas-apps/controls/properties-accessibility

Thanks,

ANB

Please click Does this answer your question if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it a Like.