I've noticed, that when the event description in list view is long, when I try to book a spot and I'm moved to the second part of booking the event window becomes smaller.
That creates a "jump", because the viewport stays in the same place, so the user sees sections below the form.
Is there an option to anchor to the top of the form after clicking the button?
I've attached a dev site where this issue is visible.
If there is a snippet (php, JS, jQuery) that would solve it I'd be very grateful.
If you need help with adding custom JS to the page, please take a look at this article, and if you need some further assistance, please don't hesitate to contact us.
Unfortunately that does not change anyhing in my case. I've inserted the code onder the event booking applet, and the console does not return any errors.
EDIT:
Solved.
This hookd did the trick: beforeConfirmBookingLoaded
Hi
I've noticed, that when the event description in list view is long, when I try to book a spot and I'm moved to the second part of booking the event window becomes smaller.
That creates a "jump", because the viewport stays in the same place, so the user sees sections below the form.
Is there an option to anchor to the top of the form after clicking the button?
I've attached a dev site where this issue is visible.
If there is a snippet (php, JS, jQuery) that would solve it I'd be very grateful.
Thanks!
Matt
Hello Matt,
Thank you for reaching out to us.
Please try this one, it should work:
<script> window.beforeBookingLoaded = function () { document.getElementById('am-events-booking').scrollIntoView({behavior: 'smooth', block: 'start', inline: 'nearest'}); } </script>If you need help with adding custom JS to the page, please take a look at this article, and if you need some further assistance, please don't hesitate to contact us.
Have a nice day!
Kind Regards,
Stanislav Snagovskiy
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs
You can try wpDataTables add-ons before purchase on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hi,
Unfortunately that does not change anyhing in my case.
I've inserted the code onder the event booking applet, and the console does not return any errors.
EDIT:
Solved.
This hookd did the trick: beforeConfirmBookingLoaded
Dear Matt,
We are glad you were able to resolve your issue, and thanks for sharing your solution.
If you have any further questions or issues, please feel free to open a new ticket, and we'll gladly help.
Take care!
Kind Regards,
Stanislav Snagovskiy
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs
You can try wpDataTables add-ons before purchase on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables