How to change "Telephone" field width to 310px?

  • Profile Image
    AIFIB
    Asked on August 06, 2013 at 01:26 PM

    Hi there,

    i
    would like to bring the
    standard phone input field(s) on a total length of 310 px, how do I do that best? Furthermore the telephone country code (ex. +49) and the local area code (ex. 6228) should be like "forced" in the numerical length specified.

    telephone country code
    local area code
    phone number
    3-digit fixed-preset, numerically

    (ex. +49, for Germany)
    4-digit fixed-preset, numerically

    (ex. 6228)
    input-flexible, numerically

    (no specifications)
  • Profile Image
    Welvin
    Answered on August 06, 2013 at 03:14 PM

    Hi,

    You have to inject a custom CSS codes. These codes:

    #input_33_country, #input_33_area, #input_34_country, #input_34_area {

    width: 90px;

    }

    #input_33_phone, #input_34_phone {

    width: 84px;

    }

    Guide on how to inject this: How to Inject Custom CSS Codes

    This is the result:

     

    For this question: Furthermore the telephone country code (ex. +49) and the local area code (ex. 6228) should be like "forced" in the numerical length specified.

    Please check your second thread for your second question. Basically, you have the same question. I have just modified the thread: https://www.jotform.com/answers/253175.

     

    Thanks

  • Profile Image
    AIFIB
    Answered on August 06, 2013 at 05:58 PM

    many thanks Welvin for your support that's exactly what I wanted