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

  • Profile Image
    jacksonw123
    Asked 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?

  • Profile Image
    Cesar
    Answered 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
    jacksonw123
    Answered on February 13, 2014 at 12:20 AM

    ...
  • Profile Image
    ashwin_d
    Answered 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
    jacksonw123
    Answered 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
    ashwin_d
    Answered 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
    jacksonw123
    Answered 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
    Carina
    Answered 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.