What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Unable to Map Phone Field if Input Masking is Enabled - Zoho

    Asked by ksingh on April 16, 2013 at 01:11 PM

    I am trying to connect my Phone field (in form) to Form field in Zoho, but when I try to integrate it says "Add Phone Field to Form". which is already added.

    Could it be because I am using "input mask"?

    What should I do?

    phone field crm zoho form field integrate
  • Profile Image

    Answered by ksingh on April 16, 2013 at 01:33 PM

    Is there anybody to reply on this?

  • Profile Image

    Answered by glennlee on April 16, 2013 at 02:05 PM

    Hi,

    I checked your forms and I cannot see form with phone field. Please make sure you have save the form before you integrate it. Please share us the form url so can investigate more. Thanks!

  • Profile Image

    Answered by ksingh on April 16, 2013 at 02:09 PM

    http://form.jotform.us/form/31006002957141   .. here is the URL.

    I am just testing, but its' not letting me map this field to Zoho CRM even with custom field.

  • Profile Image
    JotForm Support

    Answered by Welvin on April 16, 2013 at 03:34 PM

    Hi,

    Thanks for providing the form URL. After various testing, it seems that you are right with the above statement. If you will enable "Input Masking", the Phone Field is not visible on the dropdown during integration.

    For that to work with your current integration, I'd suggest you to remove the Input Masking.

    I have forwarded this thread to our developers. We'll let you know for updates. Thanks for your time reporting this.

  • Profile Image

    Answered by ksingh on April 16, 2013 at 05:37 PM

    Ok, so without input-mask why does it give 2 text boxes (one for area code and one for number). I want to use 1 textbox and with same format as other fields.

  • Profile Image
    JotForm Support

    Answered by Welvin on April 16, 2013 at 06:45 PM

    Hi,

    Actually, it is one field only but due to the customizations done on the form, both boxes width are adjusted and align up and down.

    We can adjust the both fields to aligned side by side, or we can remove one of the box all through custom CSS injection.

    If you want to align boxes side by side, inject this codes;

    #input_12_area {width: 56px !important;}

    #input_12_phone {width: 109px !important;}

    Result: http://form.jotformpro.com/form/31057187661961?

    ---------

    If you want to remove one of the box (area), inject this codes;

    #sublabel_area, #input_12_area {display: none;}

    #sublabel_phone  {display: none;}

    #input_12_phone {margin-left: -10px !important;}

    Result: http://form.jotformpro.com/form/31057161722951

    Guide: How to Inject Custom CSS Codes

     

    Please let us know for questions.

    Thanks

  • Profile Image
    JotForm Support

    Answered by kenneth on April 17, 2013 at 06:19 AM

    Hi,

    I was able to replicate the same issue. We are working on it now to fix the issue. Please stay put.

    Thanks,
    kenneth 

  • Profile Image

    Answered by ksingh on April 17, 2013 at 10:34 AM

    ok Thanks. It worked with custom CSS.

    How can I get Hint value (placeholder) settled for same field, as it's not showing in propertiese.

  • Profile Image
    JotForm Support

    Answered by EltonCris on April 17, 2013 at 11:51 AM

    @ksingh

    Sorry but it is not yet possible on the phone fields via form builder. The best way to achieve that is to edit your form source code and add placeholder attribute on the text box line where you'd like it to appear. Example:

    placeholder="123"


  • Profile Image

    Answered by ksingh on April 17, 2013 at 12:33 PM

    Ok Thanks. It was helpful.

  • Profile Image
    JotForm Support

    Answered by kenneth on April 18, 2013 at 01:33 AM

    Hi,

    This issue has been fixed, the phone field with input mask can now be included in the zoho integration. Please confirm if this works on your side.

    P.S: If you want to have a placeholder on the phone field, please open a new ticket and we will look try to integrate it to the form builder.

    Thanks,
    Kenneth