Taking off the area code for in the phone number field

  • davidiwl
    Asked on February 2, 2017 at 4: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: 

    http://www.inwhatlanguage.com/request-a-demo/

     

    Thanks

     

    Tallin

  • Kevin Support Team Lead
    Replied on February 2, 2017 at 6: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: 

    Taking off the area code for in the phone number field Image 1 Screenshot 20

    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.