Is there any good guides for tweaking .js and .css files

  • Profile Image
    miika
    Asked on November 24, 2010 at 12:47 PM

    I'm from Finland and theres no Finnish version of JotForm. Atleast yet. I've seen too many applications and forms with mixture of english and finnish in the language. And does not give the professional appeal I'm looking for. In JotForm you can localize almost everything except the page break NEXT/PREVIOUS buttons. I've heard you can change those from .js files that you can upload. Are there in short guides for doing this kind of operation without breaking the whole form. I know how to open and edit the .js files, but I dont know what to change to get what I'm looking 4.

     

  • Profile Image
    aytekin
    Answered on November 24, 2010 at 02:05 PM

    Download the Zip version of the form code on the form builder:
    1. Open "Setup & Share" tab on toolbar,
    2. Click on "Share Form"
    3. Click on "Advanced Options"
    4. Click on "Download Zip".

    Then unzip this file and edit it your favorite HTML/Text editor. The js and css files will be included there.

    Once you make it look like exactly the way you want it, upload it to your site or integrate it to a page on your site. Make sure to also upload the js and css files.

  • Profile Image
    apfwebs
    Answered on February 23, 2011 at 06:33 PM

    Howdy, aytekin. I have not only my own, but five clients' forms on Jotform, and have for several years. I thank you for our use of a very helpful tool. I'd like to build upon milka's question, to get some further detail.

    On one website, I'm also using a small form (not Jotform) written in [what some call] HTML5. I've been able to prune the code so that the appearance is very presentable, and the form uses no divs, no ul, no classes. I style the form using very judicious selectors in the external CSS.

    Hence, I'm curious as to what, in the way of generated form-names, classes, and ids are absolutely required by the javascript and the PHP involved with Jotform processing. Most especially, what CSS classes are used (if any) are required for form validation? Is there an online guide to advanced editing for the generated HTML for Jotform?

  • Profile Image
    aytekin
    Answered on February 25, 2011 at 12:06 PM

    Unfortunately no, there is no documentation on the form source code. You will need to look at the source code or use a browser tool such as Firebug.

    Watch this to see how you can use firebug to find out ID or Class of any element in a page:

    http://getfirebug.com/video/Intro2FB.htm

  • Profile Image
    Albo P. Fossa
    Answered on February 25, 2011 at 12:13 PM

    Okeedokee: thanks!