Trouble with the 'Next' button

Hi,

The issue was corrected some versions ago. Please, follow the steps below:

1. Open the “/wp-content/plugins/calculated-fields-form/js/fbuilder-pro-public.jquery.js” file with the text editor of your choice.

2. Go to the piece of code:

$("#fieldlist" + identifier + " .pb" + page).find(".field")[0].focus();

and modify it as follows:

$("#fieldlist"+identifier+" .pb"+page).find(":focusable")[0].focus();

3. Finally, go to the settings page of the plugin, through the menu option: “Settings/Calculated Fields Form”, untick the checkbox: “Activate Javascript Cache”, and press the “Update” button.

Best regards.

Hi,

Have you cleared the browser’s cache?

What browser are you using?

I’ve tested your form again, with the Chrome browser, and it is working right. The focus is set in the first focusable field of the page, and the browser is scrolled to the correct position.

Best regards.

Hi,

That’s happening because the first focusable element in the second page is the “Transit Insurance” field, that is not at the top of the page, if you move a focusable field to the top of page the browser will be scrolled to the correct location.

Best regards.

Hi,

I’m sorry for delay, I’ve not received the notification of your new tickets in the support page, please, try the following one:

1. Insert a “HTML Content” field in the form.

2. Enter as its content the piece of code:

<script>
jQuery('.pbNext,.pbPrevious').on('click', function(){
var f = jQuery(this).closest('form');
jQuery( 'html, body' ).animate({
        scrollTop:  f.offset().top
    }, 500);
});
</script>

and that’s all.

Please, let me know the result.

Best regards.