What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by formvendor on February 28, 2015 at 12:09 PM
    Also - would it be possible to apply fittext to the other text within the form? 
    fittext styles FitText FitText widget
  • Profile Image
    JotForm Support

    Answered by Welvin on February 28, 2015 at 02: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

  • Profile Image

    Answered by formvendor 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)

    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? 

     

  • Profile Image

    Answered by Ben 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.