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

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 

Text.

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

Thanks.

Regards,

Benoit

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

Hi,

Thanks for your mail.

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

Regards,

Ben

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

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

Also the text was displayed in black.

Regards,

Ben

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

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

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.