Taking off the area code for in the phone number field

  • Profile Image
    Asked on February 02, 2017 at 04:56 PM

    Is it possible to take off the area code part of the phone number field and just have it be one field for the phone number instead of split into area code and phone number? I had this set-up previously using a text field but it was not importing the number into Saleforce when I was using the text field. Just wondering if this would be a possibility. 


    See the Request A Demo form on this page for an example of one of the forms we are trying to update: 






  • Profile Image
    Answered on February 02, 2017 at 06:31 PM

    You may hide the area code by injecting this code to your form: 

    [data-type="control_phone"] .form-sub-label-container:nth-child(1){

        display: none;


    [data-type="control_phone"] .form-sub-label-container:nth-child(2){

        width: 100% !important;


    input#input_18_phone {

        width: 95%;


    However, do note that the field is only hidden, but it is still there, so it will still ask to complete the field and area code, you may need to set the field as not required so it does not ask for the area code, the field will be sent like this: 

    This guide will help you to inject the given code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.