How can I change the size of the keypad popup in the Keypad Widget

  • una1
    Asked on January 22, 2018 at 10:42 PM

    How to change the size of numeric keypad and remove the popup i need static keypad

    https://form.jotform.me/una1/volunteer-attendance-system

  • Support_Management Jotform Support
    Replied on January 23, 2018 at 4:44 AM

    I'm not sure what you meant by removing the popup. If the popup is removed, then the KEYPAD WIDGET will lose its usability. The aim of this widget is to provide a keypad popup where your users can click on number 0-9 to input their selection instead of typing them in.

    Changing the size of the popup is doable with CSS though. I'm guessing you want it to have the same width as the textbox above it. To set the width of the popup, inject the following CSS codes to the widget itself:

    .keypad-popup {

      width: 173px !important;

    }

    Complete guide: How-to-Inject-CSS-Codes-to-Widgets

    Result:

    How can I change the size of the keypad popup in the Keypad Widget Image 1 Screenshot 20

    In case we misunderstood, kindly get back to us with more info and a better description of what you're trying to achieve so we can better assist you.