Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author codepeople

    (@codepeople)

    Hi,

    After move from a page to another, the focus is set in the first field of form, but the structure of your page provokes that the label of the first field be hidden from the viewport. To solve this issue in your website follow the steps below:

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

    2. Go to the snippet of code:

    try
    {
    $(“#fieldlist”+identifier+” .pb”+page).find(“.field”)[0].focus();
    }

    and modify it like follow:

    try
    {
    $(“#fieldlist”+identifier+” .pb”+page).find(“.field”)[0].focus();
    var offset = $(“#fieldlist”+identifier+” .pb”+page).offset();
    $( window ).scrollTop( offset.top );
    }

    I’ve added two lines of code.

    That’s all.
    Best regards.

    Thread Starter jlehrer

    (@jlehrer)

    Thank you for this suggestion. Unfortunately it does not appear to have fixed the problem in Internet Explorer. What is there about my page design that provokes the behavior to not focus on the top label? Maybe that is something I can fix in the page design.

    Note that since my original post, I purchased the pro version of your plugin.

    Plugin Author codepeople

    (@codepeople)

    Hi,

    I’ve visited again your webpage:

    https://venousdisease.com/dvt-risk-assessment-online/

    from Internet Explorer, and the first question in the second and third pages are displaying fine, after pressing the next and previous buttons.

    Tip: Please, clear your browser’s cache, before visit the webpage again.

    Best regards.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘second page of form doesn't vertically align correctly’ is closed to new replies.