What about make the keypad widget bigger?

  • JMCGroup
    Asked on August 2, 2019 at 4:23 AM

    What about make the keypad widget bigger?

    I tried to inject CSS but still some size and colors too...

  • Victoria_K
    Replied on August 2, 2019 at 4:28 AM

    This should be possible to make the widget bigger. 

    Please try the following:

    1. Add this CSS to your form: 

    iframe[src*='keypad'] {

      width: 100% !important;

    }

    Guide: How-to-Inject-Custom-CSS-Codes

    2. Add this CSS code to widget:

    .keypad-popup {zoom: 1.4; height: 12em;}

    Guide: How-to-Inject-CSS-Codes-to-Widgets

    1564734487zjup4 Screenshot 10

  • JMCGroup
    Replied on August 2, 2019 at 5:14 AM

    Thanks LADY!

  • JMCGroup
    Replied on September 4, 2019 at 9:06 AM

    Dear how make it bigger keeping all stuff?!

    As you can se using the code you wrote up a lot of numbers and letters disapiared...

  • Welvin Support Team Lead
    Replied on September 4, 2019 at 9:25 AM

    Please inject the following custom CSS codes in the widget instead:

    .keypad-popup {

        width: 650px !important;

    }

    .keypad-row {

        zoom: 1.3;

    }

    You can see the result in this demo form https://www.jotform.com/92463519058968

    Adjust 650px to your desired width. Just please don't make it wider than your form width. You can also adjust the zoom value, maybe 1.4 or 1.5. 

  • JMCGroup
    Replied on September 5, 2019 at 3:52 AM

    Thanks man!

    Change color..from gray to black...?

  • Nik_C
    Replied on September 5, 2019 at 5:29 AM

    You can insert the below CSS in the widget:

    .keypad-key, .keypad-special {

        background-color: black!important;

    }

    It will make it like this:

    1567675752Capture Screenshot 10

    Hope it helps.

    Thank you!

  • JMCGroup
    Replied on September 5, 2019 at 8:41 AM

    thanks a lot!

    What about sound? i kind of bip....is it possible?

  • AshtonP
    Replied on September 5, 2019 at 10:03 AM

    Unfortunately, it would not be possible to add a sound to the widget. However, if you want to upload the mp3 files, you can use soundcloud.com. You can upload your mp3 files here and then use this SoundCloud widget to embed the mp3 file in your form.

    Let me know if you have any questions.