Tab order via javascript

Question

I'm wanting to set the tab order on my forms to go left to right. I've seen the following code around the web

for (var i = 0; i < crmForm.all.length; i++) 
{
    var element = crmForm.all[i];
    if (element.tabIndex && element.tabIndex != "0") {
        if (element.className == 'ms-crm-Hidden-NoBehavior') 
            continue;
        if (element.tagName == 'A') {
            if (element.className != 'ms-crm-InlineTabHeaderText') 
                continue;
        }

        element.tabIndex = 10000 + (i * 10);
    }
}

which sets the tab order as i want it. However there is a problem when it comes to currency fields as when you first tab into it the currency symbol is selected, and you can't type anything, and you have to tab again to be able to type anything into the field.

Is there a way for the code to ignore these symbols and go straight into the field itself?

Thanks

Greg Owens · Accepted Answer · 2012-12-12 14:09:29Z

2

Your approach constitutes an unsupported customisation, but with a little manual work you can achieve the same outcome in a fully supported way. All you need to do is add a new "Section" (without showing the header or divider) to your form, for every row of fields.

The result is no unsupported JScript and predictable behaviour that is entirely consistent with the rest of the application.

In my example below I show an example of how I must lay out my form so that native tabbing behaviour "makes sense". However if I wish to use horizontal tabbing, I can rearrange my form, introduce some new sections and then have it work as I want without code.

The beauty of this approach is that it only affects the parts of the form that you want it to.

Example of imposing tab order using form layout

edited Dec 12, 2012 at 14:09

answered Dec 12, 2012 at 14:03

Greg Owens

3,8781 gold badge21 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

jimminybob Over a year ago

ah right, so the code I have posted is unsupported? My guess is then that there isn't really a supported code method to do this

Greg Owens Over a year ago

I'm afraid not. Simple way to check - search for "tab order" in the CRM SDK. If it doesn't appear then you can be pretty sure there is no supported method to do this.

jimminybob Over a year ago

fair enough. Thanks for your help

P. T. · Accepted Answer · 2013-06-12 22:52:42Z

0

While technically it's unsupported still, I seem to have fixed the currency problem here:

function TabOrderLefttoRight() {
    for (var i = 0; i < crmForm.all.length; i++) {
    var element = crmForm.all[i];
    if (element.tabIndex && element.tabIndex > "0") { //less than zero instead of !=
        if (element.className == 'ms-crm-Hidden-NoBehavior')
            continue;
        if (element.tagName == 'A') {
            if (element.className != 'ms-crm-InlineTabHeaderText')
                continue;
        }

        element.tabIndex = 10000 + (i);
    }
}

}

This way it does not affect items that are below 0 in tabindex (currency fields).

answered Jun 12, 2013 at 22:52

P. T.

3392 silver badges5 bronze badges

Collectives™ on Stack Overflow

Tab order via javascript

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related