Unanswered

Tab Index is not working on custom data card controller radio buttons

(0) Share

Report

Posted on by luisv

Hey Power Apps Community,

I am trying to get tab indexing to work on my datacards custom controllers even if it is the default Z movement. That is not even working when all the data card controllers are set to 0. Originally when I loaded up the form from a SP List the datacards controllers were drop downs by default. I removed the drop downs and replaced them with radio buttons based on the SP list's column selections. Once I did that any tab indexing functionality flew the coup. I just want to get the tab functionality for the end user. See the screen shot below.

Categories:

Building Power Apps

All responses (3)

Answers (0)

Sort by

v-qiaqi@microsoft.com Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @luisv,

Do you mean that all the tab index crashed when you replace all the dropdowns with radio buttons?

Could you please try to tab one time in a published version?

I have a test and the situation is confirmed on my side. If you tab within your form in a Google browser, the tab index will be in mess.

The Tab Index does not work in that way.

PowerApps really only recommends one of two values for TabIndex - either 0 or -1.

0 means it will participate as a tab stop control. -1 means it will not stop via tab.

PowerApps tabs from top to bottom, left to right in a Z pattern. The X and Y properties of the controls will determine when they are selected by tab.

If you have a control in the top left with a Y property of 2 and a control to the left of it with a Y property of 1, then PowerApps will tab from the second control to the first because it is going from top down and the second control is more "top" then the first.

You can read more about this and other options for grouping controls with the Experimental Enhanced Group Control.

As an alternative solution, I think you could set all the tab index of the Radio buttons as 0 so that each radio button will be tabbed in order if you don't have a custom tab order.
luisv 41 on at

Like
a
(0)

Report
Copy link

Link copied!

Hey @v-qiaqi-msft ( Qi) ,

Thank you for the response. I have all my tab indexes set to 0. The issue I am facing is that I do not even have the functionality of tabbing. When I run the published app in MS Edge, or FireFox. I get no tabbing function. I select my first response hit tab and nothing takes place. Is there a "default" for tab indexing or is it just setting it to 0? If 0 is the default I am at a loss. All my radio controllers are set to 0.
rgloeckler on at

Like
a
(0)

Report
Copy link

Link copied!

I had the same issue and discovered that the DisplayMode property of the input object in my custom cards was set to "DisplayMode.Edit" instead of "Parent.DisplayMode". Once I changed this for each custom card, the tab order works as designed. Hope this helps