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

    How do I make changes to the existing code in my forms?

    Asked by billj on January 08, 2013 at 08:29 AM

    I see that I can view the code in my forms but I don't see how I can change the code and write it back to the form.

    Where or how is this done?

    Thanks

  • Profile Image

    Answered by pinoytech on January 08, 2013 at 09:42 AM

    Hi billj,

    Are you referring on this? http://www.jotform.me/help/117-How-to-Inject-Custom-CSS-Codes

    Thank you!

  • Profile Image

    Answered by billj on January 08, 2013 at 10:16 AM
    Yes, thank you.
    If I understand the procedure correctly I'm supposed to inject code into
    css but I don't think I'm doing it right.
    This is the code I got from looking at the source code for the example
    above:


    Phone Number




    But when I injected it, it doesn't do anything differently when I preview and try to enter a phone number.
    Thanks
  • Profile Image

    Answered by pinoytech on January 08, 2013 at 10:21 AM

    Hi,

    May we ask your form url for us to check the codes that you've injected into your form why isn't working?

    Thank you!

  • Profile Image
    JotForm Support

    Answered by idarktech on January 08, 2013 at 10:25 AM

    @billj

    In addition to my colleague, what changes you'd like to apply to your form so we can assist you with it? Unfortunately the code you've mentioned here doesn't seem to appear properly, kindly repost. Thanks!

  • Profile Image

    Answered by billj on January 08, 2013 at 10:26 AM
    http://form.jotform.us/form/23303663647151
  • Profile Image

    Answered by pinoytech on January 08, 2013 at 10:34 AM

    Can you please re-post the code that you've injected into your form?

  • Profile Image

    Answered by billj on January 08, 2013 at 11:24 AM
    <li class="form-line" id="id_3"> <label class="form-label-top" id="label_3" for="input_3"> Phone Number </label> <div id="cid_3" class="form-input-wide"> <input type="text" class="form-textbox" id="input_3" name="q3_phoneNumber" size="20" /> </div> </li>
  • Profile Image
    JotForm Support

    Answered by idarktech on January 08, 2013 at 11:41 AM

    @billj

    If you'd like to add that code to your form or if you'd like to edit your form's html source code, get it on the form embed option. Here's How to get your Form Source Code.

    Upon inspecting that code, you'd like to replace the two boxes phone field to a single box field? If this is what you mean by that, you can simply replace your Phone Number field to a normal Text Box.

    Let us know if you have further questions. Thanks!