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

    FIT Text widget: Unable to translate text generated by FIT Text widget.

    Asked by tom99999 on November 04, 2014 at 12:56 PM

    Hi,

    I want to translate text generated by "FIT Text Widget" in JotForm Editor.

    Here is my form. http://form.jotform.me/form/43065608969467?

    Please suggest me how can I translate the 

    RATE REQUEST / TRANSPORT

    Text.

    I dont see translating option for this text when I go to Languages option.

    Thanks.

    Regards,

    Benoit

    Page URL:
    http://form.jotform.me/form/43065608969467?

    JotForm languages rate fit text widget fit text
  • Profile Image

    Answered by Ben on November 04, 2014 at 02:18 PM

    Hi Benoit,

    I have checked as well and unfortunately it is not available for translation nor does it check our translations to translate automatically.

    Now I will notify our developers about this, but if you want we might be able to offer a similar effect as made by the widget using a Text field that would allow you to translate the text.

    You can take a look at what I mean here: http://form.jotformpro.com/form/43075195047961

    Also if you like it I would suggest to clone it to avoid adding the CSS and classes, but if needed we can come and make the change to your account.

    Do let us know how it works.

    Best Regards,
    Ben

  • Profile Image

    Answered by tom99999 on November 04, 2014 at 02:24 PM

    Hi,

    Thanks for your mail.

    Can you please send me the css code so I can add it in my form.

    Regards,

    Ben

  • Profile Image

    Answered by Ben on November 04, 2014 at 03:32 PM

    Hi,

    Yes.

    First you should add the Text widget onto your jotform.

    Now once you do that double click the text and press the HTML button (bottom right).

    In this new window erase everything and paste this:

    <h1 class="ben_fit_text" id="fittext">DEMANDE de TAUX / TRANSPORT</h1>

    and click on Update. Now you can edit text in the editor, but do note that if the text gets changed the class might be removed and the text would not look the same any more, so try to just edit text.

    You should now go to the Language and change the translation following the same steps as above (clicking on HTML button and pasting the code above in it, then update).

    Now, once this is done you should inject this CSS:

    .ben_fit_text {
      color: rgb(255, 255, 255);
      text-shadow: -1px 1px 0px rgb(212, 88, 72), -2px 2px 0px rgb(212, 88, 72), -3px 3px 0px rgb(212, 88, 72), -4px 4px 0px rgba(0, 0, 0, 0.15), -5px 5px 0px rgba(0, 0, 0, 0.15), -6px 6px 0px rgba(0, 0, 0, 0.15);
      font-family: "Roboto Slab",sans-serif;
      font-size: 42.8571px;
    }
    div.form-html
    {
      border:none;
      width:600px;
      height: 100px;
      background-color:  rgb(212, 88, 72);
      text-align: center;
    }

    Now, once this is done, you should check your jotform to see if everything is working properly or not.

    If you need any assistance do let us know or if you decide to clone the jotform above you can follow this guide to do so: How to Clone an Existing Form from a URL

    Best Regards,
    Ben

  • Profile Image

    Answered by tom99999 on November 05, 2014 at 11:02 AM

    Well the font was changed how do i keep the same font?

    Also the text was displayed in black.

    Regards,

    Ben

  • Profile Image

    Answered by Ben on November 05, 2014 at 11:09 AM

    Hi Ben,

    If everything is done as mentioned above then the text will get changed for you.

    Please make sure that the class is there and that the CSS is injected to the jotform.

    Do let me know if you would like us to go into your jotform and make the change for you? You would then be able to change the text if needed.

    Best Regards,
    Ben

  • Profile Image

    Answered by tom99999 on November 05, 2014 at 11:43 AM

    Yes Please do that for me. Since I am unable to replicate the same. Thanks.

  • Profile Image
    JotForm Support

    Answered by Charlie on November 05, 2014 at 12:09 PM

    Hi,

    As you have requested, we've implemented the changes using the codes that my colleague, Ben, has suggested.

    You can log in to your account and see if its the desired style you are looking for. If not, you may edit the CSS style found there.

    Here is the screenshot of the edited form viewed using the JotForm Form Designer, the CSS code is found at the right side under the "CSS" tab.

    For the font, you can check the font style in the CSS code and change it with your preferred one. 

     

    I hope this helps. If you need further assistance, feel free to contact us anytime.

    Thank you.