Form Fields Order

Home Forums Quform WordPress Form Fields Order

This topic is: not resolved
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #30659
    vegastriguy
    Participant

    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.

    #30669
    Ally
    Support Staff

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

    #30756
    vegastriguy
    Participant

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

    #32005
    Henner
    Participant

    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

    #32010
    Ally
    Support Staff

    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 11 months, 1 week ago by Ally. Reason: Updated video URLs
    #36418
    VERESdesign
    Participant

    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;

    #36419
    VERESdesign
    Participant

    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!

    #36425
    Ally
    Support Staff

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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.
Be inspired. © 2024 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy