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

  • formvendor
    Asked on February 28, 2015 at 12:09 PM
    Also - would it be possible to apply fittext to the other text within the form? 
  • Welvin Support Team Lead
    Replied on February 28, 2015 at 2:17 PM

    Hi,

    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.

    Thanks

  • formvendor
    Replied on February 28, 2015 at 2: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)

    http://form.jotform.us/form/50585173111145

    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

    compression

    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? 

     

  • Ben
    Replied on February 28, 2015 at 6: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.