I am trying to let users tab across a form with text controls, Dropdowns, and Date Pickers left to right and top to bottom. Trying to set the Tab Index property as expected DOES NOT WORK. The tabs will go through every regular text input control on a page and then start working through the Dropdowns and date pickers regardless of what values you set in the Tab Index property.
Does anyone have insight into how to set the tab index so it works across all control types properly?
Hi @skylitedave ,
Could you show me how do you set tabindex in details?
I've made a similar test but not met the same problem like your description.
The tabs will go through from left to right and from top to bottom in order, no matter what controls.
Here's my test for your reference:
1)I set the first control's TabIndex:1
I think I have identified the issue
If you add a custom complex control into a datacard ( like a dropdown) and hide the default control in the datacard, then Tab Index property does not work in the custom complex control. The Tab Index property ONLY works on default controls within a datacard or simple text entry controls and NOT complex controls like a dropdown.
Looks like a bug in PowerApps..
To test, see if you hide the default control in the datacard on that form you created and add a new dropdown control and set the Tab Index in that custom control. I bet it does not work. The tab will just skip over the new dropdown control...
Test it out and let me know what you find and if you confirm the issue. If so I will enter this in as a bug....
@skylitedave I just came across this issue and found this thread - not sure if this was ever escalated - tabindex will not work on date pickers, dropdowns etc, only regular plain ole text inputs.
I wonder if you added a textinput box to the card and set its value to the datepicker.SelectedDate and then hid it. then you could use the tabindex on it.
Hiding an element (setting its Visibility to False) prevents a user from focusing on it. (Great when hiding custom pop-ups) Regardless, focusing on a Text Input would not allow a user to utilize the Date Picker functionality using only a keyboard. (So, no hiding the Text Input behind the Date Picker, either)
Explore the latest innovations, learn from product experts and partners, level up your skillset, and create connections from around the world.
Your chance to join an engaging competition of Power Platform enthusiasts.