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

    Is there a video on how to inject the CSS code?

    Asked by jacksonw123 on February 12, 2014 at 10:18 PM

    How do we know what to inject? I can see the margin pixel, but the rest what to put down?

    video css code style size font
  • Profile Image

    Answered by Cesar on February 12, 2014 at 11:41 PM

    Im not too sure of what you are trying to achieve. Nevertheless let me provide you some information on CSS injection. To inject CSS code, access the Preferences icon on the top toolbar of the Form Builder. Then click on Form Styles. And add the code to the Inject Custom CSS field. 

    https://shots.jotform.com/cesar/screens/injectCss.jpg

    For more information on how to inject, please access the following guides:

    How-to-Inject-Custom-CSS-Codes

    Please elaborate further on what you are trying to achieve and the Form URL you are working on so that we may assist you further. Thank you.

  • Profile Image

    Answered by jacksonw123 on February 13, 2014 at 12:20 AM

    ...
  • Profile Image
    JotForm Support

    Answered by ashwin_d on February 13, 2014 at 02:01 AM

    Hello jacksonw123,

    For some unknown reason, we have received an empty response from you. If you have replied from your email, please use the following URL to reply again:  http://www.jotform.com/answers/332529-Is-there-a-video-on-how-to-inject-the-CSS-code#3

    Thank you!

  • Profile Image

    Answered by jacksonw123 on February 13, 2014 at 02:15 AM

     

    I like to have border for this form, I know I need to inject the CSS codes, but how do I know what and where to find the codes? How do I know that's the correct code for my form? for example: I like my form size to be 4" by 4", it's like a widget, How to do that?

     

     
  • Profile Image
    JotForm Support

    Answered by ashwin_d on February 13, 2014 at 03:34 AM

    Hello jacksonw123,

    I have cloned your form and added the custom css code to add the border in your form. Please take a look at the following form and see if this is what you are trying to achieve:  http://www.jotformpro.com/form/40432199057960

    You need to add the following custom css code in your form to get the exact same look:

    .form-all {

    border: 5px solid rgb(255, 82, 0);

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 10px;

    }

    The following guide should help you on how to inject the above custom css code in your form:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Alternatively, you can clone the above for for closer look. The following guide should help you in form cloning:  http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    Thank you!

  • Profile Image

    Answered by jacksonw123 on February 13, 2014 at 02:41 PM

     

    Thanks for doing the form. However, I like to learn and do it in my own next time, are all these five fields require? where and how do I need to make changes? which field is default setting and which one I need to make changes? thanks

    form-all {

    border: 5px solid rgb(255, 82, 0);

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 10px;

     

  • Profile Image

    Answered by Carina on February 13, 2014 at 03:03 PM

    Hello 

    One good tool is firebug for firefox:

    Kindly let us know if you need more assistance.