numerical input on mobile

  • Resolved gioglifx

    (@gioglifx)


    5 years, 3 months ago

    Hello,

    Is there a way to add an attribute to the shortcode to open up the number dialpad on phones when entering a custom amount?

    I added a shortcode from your example:
    [accept_stripe_payment price=”0″ name=”Another test donation” button_text=”Custom Amount” description=”This is a custom description that will show in the payment window”]

    It works, but when clicking on the field, you have to use the numbers that are at the top of the keyboard on the phone. Instead, I’d like to use the numeric pad where it’s larger and only use the numbers like this one:

    https://www.filamentgroup.com/images/number-blog-post/ios-9-type-text-pattern.png

    What’s below works, of course, but not with the shortcode.
    <input inputmode=”numeric” pattern=”[0-9]*” type=”text” name=”creditcard”>

    Since it’s an empty field, and it’s ONLY to capture the amount, there’s no need for any letter, and ONLY numbers, so in this case, I’d say it’d be acceptable to have the keyboard on phones use the numeric pad (which is much larger and better for small touch screens).

    I just have NO way of knowing in how to add that to the shortcode.

    Would you KINDLY help me?

    Thank you in advance.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support mbrsolution

    (@mbrsolution)

    Hi, thank you for reaching out to us. I have submitted a message to the developers to investigate further this issue.

    Kind regards

    Thread Starter gioglifx

    (@gioglifx)

    Hello,

    Thank you for your reply. I hope there may be a solution. I’ll wait for your response.

    Cheers!

    Plugin Author mra13

    (@mra13)

    Thank you. We will look into this and maybe make a change for this in the future.

    Thread Starter gioglifx

    (@gioglifx)

    Okie dokie. @mra13 is there any way you could guide me as a temporary implementation for this?

    It’s really important since the people that will be using this now (in my particular application), will be older people that aren’t too used to using online payments and, as you may know, making things as “easy” as possible is the better way..

    I’ve been non-stop looking into how to make that happen, but I’m not a developer and so it’s a bit hard for me to make those changes.

    Please let me know what I can do on my end to perhaps find a [temporary] solution.

    Thank you in advance.

    Plugin Contributor Alexander C.

    (@alexanderfoxc)

    This functionality has been implemented in testing version (that is using new Stripe API and own payment popup). Old API-based code most likely won’t be having this functionality as it would become deprecated from 14th of September 2019. Please get a testing version of the plugin to check if it fits your requirements.

    Plugin Contributor Alexander C.

    (@alexanderfoxc)

    inputmode parameter is now applied to inputs where applicable. At the moment, those are amount and quantity inputs. This is available in current version 2.0.2 with “Enable Legacy Checkout API” option disabled on Advanced Settings tab.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘numerical input on mobile’ is closed to new replies.