Form Fields Order

[vegastriguy]

I did a search but nothing came up. I want to change the order of how someone tabs to the next form field. I have two-column designs and tabbing just goes down and not left to right.

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[vegastriguy]

Ok, thanks….I will try your work around first.

[Henner]

I have the same problem, can you please give us the code snippet to set the tab index?
Thank you very much in advance.
Regards and stay healthy
Henner

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

• This reply was modified 3 months ago by Ally. Reason: Updated video URLs

[VERESdesign]

HI! I have 11 fields in my form where I also need a sorting from top to bottom (for the first two fields) and then from left to right. I copied your snippet for my form fields and created all fields in a certain order. However, the TAB now jumps to the bottom after the first two fields and then to the menu bar and only then does it continue in the form.
How can I fix this?

https://ineshabermann.de/events/offene-yoga-stunde/ The form would currently be in here.
So how can I set the tab index so that it jumps without interruption?

My script currently looks like this:

add_filter(‘quform_field_attributes_1_3’, function ($atts) {
$atts[‘tabindex’] = 398;
return $atts;
});

add_filter(‘quform_field_attributes_1_18’, function ($atts) {
$atts[‘tabindex’] = 399;
return $atts;
});

add_filter(‘quform_field_attributes_1_31’, function ($atts) {
$atts[‘tabindex’] = 400;
return $atts;
});

add_filter(‘quform_field_attributes_1_32’, function ($atts) {
$atts[‘tabindex’] = 401;
return $atts;
});

add_filter(‘quform_field_attributes_1_33’, function ($atts) {
$atts[‘tabindex’] = 402;
return $atts;
});

add_filter(‘quform_field_attributes_1_34’, function ($atts) {
$atts[‘tabindex’] = 403;
return $atts;
});

add_filter(‘quform_field_attributes_1_35’, function ($atts) {
$atts[‘tabindex’] = 404;
return $atts;
});

add_filter(‘quform_field_attributes_1_37’, function ($atts) {
$atts[‘tabindex’] = 405;
return $atts;
});

add_filter(‘quform_field_attributes_1_14’, function ($atts) {
$atts[‘tabindex’] = 406;
return $atts;
});

add_filter(‘quform_field_attributes_1_16’, function ($atts) {
$atts[‘tabindex’] = 407;
return $atts;
});

add_filter(‘quform_field_attributes_1_2’, function ($atts) {
$atts[‘tabindex’] = 408;
return $atts;

[VERESdesign]

I persuaded the customer not to change the tab order because the mobile view suffers as a result, so it has now been changed.
On the other hand, I would be interested to know how to do it correctly, or how the solution with the columns could work. Unfortunately, I didn’t understand the explanation in the first answer. Perhaps you can explain this in more detail!

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[Author]

Posts