Would it be possible to apply fittext styles to the other text within the form? 

  • Profile Image
    Asked on February 28, 2015 at 12:09 PM
    Also - would it be possible to apply fittext to the other text within the form? 
  • Profile Image
    Answered on February 28, 2015 at 02:17 PM


    A custom CSS would do that. Let me know the form URL and what text within the form so we can help you apply it.


  • Profile Image
    Answered on February 28, 2015 at 02:54 PM

    Well as of right now- the fittext widget is non-functional for the one instance of it I tried to drop into my form (1st link below)...so we might be jumping the gun on implementing it elsewhere. I noticed when inserting it that there is no option to set the MIN and the MAX for font-size. The magic of FitText really lies in the combination of the the MIN/MAX with the Compressor. 

    But in answer to your question, there are two forms that I would like to do it to, but I won't know the exact compression ratio until I have the forms finalized. 

    http://form.jotform.us/form/50561793504153? (you are currently helping me with other issues ~responsive rendering)


    I may be mistaken - but at first glance it only looks like there are a handful of actual <DIV> that would need fittext applied to them:

    .form-all {}     /* for general text */

    .form-label {}  /* for labels */

    .form-checkbox-item label, .form-radio-item label{}   /* self explanatory */

    .qq-upload-button,.form-submit-button, .form-submit-reset, .form-submit-print {}

    .form-pagebreak-back, .form-pagebreak-next {} /* Back & Next Buttons on Multi-page */

    h*.form-header {}  /* header group, with *=1,2,3,4,5,6 */

    I can't help but wonder if there isn't a way to bake in the basic fittext.js functionality, as an option not requirement, for each of those classes - e.g.

    minimum font size

    maximum font size


    With a tiny bit of JS I was able to integrate fittext into the Visual Composer Page Builder within Wordpress where I applied a class called .fittext-#px-#px-1_## to any element, column or row.

    What do you think? 


  • Profile Image
    Answered on February 28, 2015 at 06:52 PM

    You could apply the js code to any part of your jotform, but you would not be able to import it, or to apply the code within the jotform builder itself. It is only possible to do so by editing the source code, with which we can not assist as much.

    Now since the fittext is one 2 jotforms and non of them are ready, please do let us know once you finish them and the issues are resolved for them and we would be happy to assist you with the FitText widget as well.