Stop keyboard activating when using the date picker

Resolved adewebdev
(@adewebdev)

3 years, 10 months ago

Is there a way to prevent the ios/android keyboard activating on mobile, when a user presses a Date Time field? I want them to press on a date on the calendar without the keyboard coming up. I was trying to use <input inputmode=’none’> but I don’t know where to input it.
Thanks

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

Plugin Author codepeople
(@codepeople)

3 years, 10 months ago
Hello @adewebdev

Thank you very much for using our plugin. Please, insert an “HTML Content” field in the form and enter the following piece of code as its content:
```
<script>
fbuilderjQuery(document).one('showHideDepEvent', function(){
fbuilderjQuery('#fbuilder .hasDatepicker').attr('inputmode', 'none');
});
</script>
```
Best regards.
Thread Starter adewebdev
(@adewebdev)

3 years, 10 months ago

Amazing, thanks!

Thread Starter adewebdev
(@adewebdev)

3 years, 10 months ago

I’d like to recommend on a future update on having this as an option within the DATE TIME field, as I think most use cases won’t involve the need for a keyboard on mobile if users are picking dates.

Plugin Author codepeople
(@codepeople)

3 years, 10 months ago

Hello @adewebdev

Thank you very much for your suggestion. I’ll do it.

Best regards.

Thread Starter adewebdev
(@adewebdev)

3 years, 10 months ago

Great news. Also if you have time, a way to make the first day of the week a Monday would be great too. I know you can do also do this with coding in the html content field but a checkbox would be really useful. Thanks!

Plugin Author codepeople
(@codepeople)

3 years, 10 months ago

Hello @adewebdev

Thank you very much for your suggestions. Please, install the latest plugin update. I implemented both attributes in the Date/Time control.

Best regards.

Thread Starter adewebdev
(@adewebdev)

3 years, 10 months ago

Thanks, that’s amazing work. Whereabouts are the new options? After updating, I am looking in the Date Time field options but I can’t seem to spot them. This is what I can see -https://imgur.com/a/d2g38Ca

Plugin Author codepeople
(@codepeople)

3 years, 10 months ago

Hello @adewebdev

Please, be sure you have installed the latest plugin update and purged your website and browser caches. The new controls should look as below:

Best regards.

Thread Starter adewebdev
(@adewebdev)

3 years, 10 months ago

Thanks, that’s sorted it. Great support. I will leave a much overdue review!

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

The topic ‘Stop keyboard activating when using the date picker’ is closed to new replies.

Tags