How to remove the default tabindex in an APEX form?

Question

In APEX 4.0, in a form that is using Template 7: Standard, I set the tabindex on all of my fields to the order I wanted to tab through them. I would like for the cursor to start from tabindex="1" after the last one has been tabbed. However, APEX set all of the labels in my form to a default tabindex of 999. This results in tabbing through all the labels before coming back to my fields.

Why does APEX include the labels in the tab order? How do I remove this default tabindex?

Apex version? What theme do you use? What is the label template? — Tom, Jul 18 '14 at 06:40

score 1 · Answer 1 · answered Jul 23 '14 at 07:04

1

Probably depends on theme you're using, but a better solution than jQuery would be to apply CSS, perhaps something like

label { tabindex = -1; }

answered Jul 23 '14 at 07:04

Scott

4,857
3
22
33

Here is a perf comparison, I think is apples to apples http://jsperf.com/css-vs-jquery-label, based on this one http://jsperf.com/css-vs-jquery-css a discussion found here http://stackoverflow.com/questions/16675952/performance-pure-css-vs-jquery – Scott Jul 24 '14 at 00:04

score 0 · Accepted Answer · edited May 23 '17 at 12:07

Though I am still not sure why APEX has a default value for tabindex, I did find out how to remove the tabindex from the labels.

This is modified from this answer:

Enter this piece of code into "Execute when Page Loads":

$('label').each(function(){
this.tabIndex = -1;
});

Option #2

Another way of doing this is by going directly to the label template and removing the tabindex set there.

The only down side to this option is that you would have to edit all the different label templates (Required, Required with help, etc.) in order to remove their default tabindex.

How to remove the default tabindex in an APEX form?

2 Answers2

Option #2