Questions about JotForm style customization

  • Dave
    Asked on June 19, 2019 at 1:18 PM

    Hi, I'm looking at JotForm on behalf of a web design client of mine who used it previously for a while, but ended up cancelling and had me create their own forms instead. After some time we have decided we need a better solution for file uploads and are looking at returning to using JotForm. I've never used it myself, so one question I have is how customizable the JotForms will be from a styling perspective. Can I use my own CSS to style a JotForm embedded into a WordPress web site? I've entered the URL below where the JotForm will end up, we'd like it to look seamless using the same fonts etc.

    Also, are there any limitations on how many files can be uploaded with a form submission? Any limitation on file size per submission or per file?

    Thanks,

    Dave

  • jherwin
    Replied on June 19, 2019 at 3:46 PM

    Hello Dave - Yes, you can grab the form full source code and apply your own custom CSS code. The downside of using source code is you must update the form codes on your site by re-embedding the form. This is because the source codes that are currently embedded to your page are not automatically updated. 

    Or, you can just inject the CSS code to your form and embed it to your webpage.

    Guide:

    How-to-Inject-Custom-CSS-Codes

    Getting-the-Form-iFrame-Code

    Also, are there any limitations on how many files can be uploaded with a form submission? Any limitation on file size per submission or per file?

    Yes, there is. However, you can modify/configure it with file upload elements, please check the guide below.

    Guide:

    - How-to-Create-File-Upload-Forms

    Changing-the-File-Upload-Size-Limit

    How-to-Change-the-Allowed-File-Types-in-the-Upload-Field

  • Dave
    Replied on June 19, 2019 at 4:43 PM
    Hi, thanks for the reply here.
    Can you expand on this a little?
    "The downside of using source code is you must update the form codes on
    your site by re-embedding the form. This is because the source codes
    that are currently embedded to your page are not automatically updated. "
    I'll have to re-embed it once? Or repeatedly?
    ...
  • jherwin
    Replied on June 19, 2019 at 5:51 PM

    If you will use the full source code of your form, you need to re-embed the code each time you make changes to the form builder.

    Example:

    You changed the field name or added a new field. Then you need to get the updated full source code and re-embed it.

  • Dave
    Replied on June 19, 2019 at 6:43 PM
    Ah ok I see. Thank you.
    ...