Scrolls up after press “submit” button with errors

  • Resolved piolo1985

    (@piolo1985)


    4 years, 5 months ago

    Hello,
    first of all, congratulations for the great plugin. I’ve tried a lot of similar plugins, but this is the best and easiest to set up.
    I only have a small problem, which I would like to solve.
    I have inserted the “Appointment Hour Booking” calendar in about the middle of a web page, because first there is a whole series of text and images. If a user does not write in a required field and presses the “submit” button, the page scrolls up; only if the user scrolls down again, where there is the calendar, he notices the error message on the fields which has not been compiled. Is it possible not to scroll the page upwards, so that the user immediately understands the compilation error? Thanks a lot

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

    (@codepeople)

    4 years, 5 months ago

    Hi,

    If possible, could you indicate the address of the page that contains the public booking form with that issue?

    If you don’t want to share the address of the booking form in this public forum you can send it using the following contact form: https://apphourbooking.dwbooster.com/contact-us

    Thank you for using the plugin!

    Thread Starter piolo1985

    (@piolo1985)

    4 years, 5 months ago

    No problem to share the address: https://archiviodistatogorizia.cultura.gov.it/prenotazioni-della-sala-di-studio/
    Thank you!

    Plugin Author codepeople

    (@codepeople)

    4 years, 5 months ago

    Hi,

    I cannot replicate that behavior in other environments, seems there is a conflict with other script in the page. A way to identify the origin of the conflict is to deactivate the plugins one by one to check which one is causing the conflict or temporary change the theme if all the plugins are discarded. Please check if you can proceed that way to identify the script causing the conflict.

    Thank you.

    Thread Starter piolo1985

    (@piolo1985)

    4 years, 5 months ago

    Elementor was used, could that be the problem? Thanks for your help

    Thread Starter piolo1985

    (@piolo1985)

    4 years, 5 months ago

    I discovered the problem,
    in the plugin general settings, in the “edit styles” box, I entered the string “.ahbfield_service {display: none}” to not make the service title visible above the calendar. If I remove this option I no longer have the problem. Is there another way to keep the service title from showing? Thanks again

    Plugin Author codepeople

    (@codepeople)

    4 years, 5 months ago

    Hi,

    Remove the styles you used to hide that field and use the following one:

    .ahbfield_service {width:0px;height:0px;position:absolute;z-index:-1}

    That way you will keep the field hidden and avoid the scroll issue.

    Thank you for the feedback!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Scrolls up after press “submit” button with errors’ is closed to new replies.