on mobile display I find what i would call a very problematic UX situation :
after choosing a date, when the customer clicks on any time, the window immediately slides up until the buttons are just on top of screen... so you cannot see the calendar, date or time, anymore.
this is very unconvenient because you cannot check visually that you choose the right time ! so how could one 'confirm' ? you need to scroll up to see the time again, and 'confirm' if you are ok with it.
even worse, if somone does not understand that he needs to scroll, he may think he did something wrong, and click on the 'previous' button : this closes the date/time tab... and as the first tab (where you choose the service) is smaller in size, there is nothing displayed anymore, amelia seems to have disapeared !
i really need to stop this sliding up when clicking on the time, how can this be done ?
i'm not sure that this si very clear, so i have attached an image, and you can test on the link.
ok it works, no more 'jump' when choosing the time.
however with this code, in some case the 'next' button is not visible because it remains under the bottom of the screen, so the user may not understand (and somehow can not guess) that he needs to click on another 'invisible' button after choosing the time - therefore a 'real' solution would be great.
ideally, and i guess tou are working on that, just a light slide (if/when necessary) to bring the buttons just at the bottom of the screen, so the calendar is still visible, but the 'next' button appears.
hello,
on mobile display I find what i would call a very problematic UX situation :
after choosing a date, when the customer clicks on any time, the window immediately slides up until the buttons are just on top of screen... so you cannot see the calendar, date or time, anymore.
this is very unconvenient because you cannot check visually that you choose the right time ! so how could one 'confirm' ? you need to scroll up to see the time again, and 'confirm' if you are ok with it.
even worse, if somone does not understand that he needs to scroll, he may think he did something wrong, and click on the 'previous' button : this closes the date/time tab... and as the first tab (where you choose the service) is smaller in size, there is nothing displayed anymore, amelia seems to have disapeared !
i really need to stop this sliding up when clicking on the time, how can this be done ?
i'm not sure that this si very clear, so i have attached an image, and you can test on the link.
thanks for your help
note : i've just found this ticket that asks exactly the same : https://tmsplugins.ticksy.com//ticket/2155787/
and my version is 2.2.1, so obviously the bug is not corrected on android...
HI damien,
Thank you for your purchase.
Can you please use this script on the page where you have this issue
<script>window.ameliaBooking = {disableScrollView: true}</script>
This should solve the issue until we found a proper solution.
Sorry for inconvenience.
Best regards.
Kind Regards,
Miloš Jovanović
[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 | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
ok it works, no more 'jump' when choosing the time.
however with this code, in some case the 'next' button is not visible because it remains under the bottom of the screen, so the user may not understand (and somehow can not guess) that he needs to click on another 'invisible' button after choosing the time - therefore a 'real' solution would be great.
ideally, and i guess tou are working on that, just a light slide (if/when necessary) to bring the buttons just at the bottom of the screen, so the calendar is still visible, but the 'next' button appears.
thanks
damien
HI damien,
We are aware of this issue and we will try to find some proper solution.
The problem now is that the form is displaying differently depends on the mobile device but we will try to find a proper solution.
Best regards.
Kind Regards,
Miloš Jovanović
[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 | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables