Phone field shrinked when input mask is enabled

  • mberman
    Asked on May 12, 2016 at 1:28 AM

    My Form http://form.jotformz.com/mberman/encomendas-online

    When I enable the mask of the phone,
    the fields decrease and can not only increase the phone field ?
    How can I do that, put the mask in phone number, because when I preview the initial number not appears,
    When I remove the mask it back to normal the amount of space to enter the phone number?
    Another thing in my form to enable the time as 24 it reduces the range of minutes and increased the field of hours , is to fix it to stay the same size ?
    PPlease see my form to solve this problems to me.
    TThanks.
    Jotform Thread 837414 Screenshot
  • Elton Support Team Lead
    Replied on May 12, 2016 at 3:06 AM

    That's due to the theme you're using.

    Anyway, I have fixed it for you by injecting the following CSS codes to your form.

    [data-type="control_phone"] .form-sub-label-container:first-child {

    width: 100%;

    margin-right: 2.5%;

    }

    You can also enable the Time field if you want.

    Phone field shrinked when input mask is enabled Image 1 Screenshot 20

    If you see any problems, let us know.