Text to show a selected font on Screen as the Text Typed

Hello @wayneoz

The process requires the use of jQuery.

Assign to the field, whose properties you want to modify dynamically, a custom class name, for example: my-special-field

And now, assuming that the field for the font-family is the fieldname1, the field for the color the fieldname2 and the field for the font-size the fieldname3, you can use, as part of the equation associated to a calculated field, the following piece of code:

(function(){
jQuery('.my-special-field input').css({fontFamily:fieldname1, color: fieldname2, fontSize: fieldname3});
})()

Now you simply should to adjust the previous code to the names of fields in your form.

Best regards.

Hi Thanks for your Help, but being a complete novice – You have lost me.

The field is a Text Area Field.I have no idea how to Assign a custom class name to it, as I cannot see this anywhere in the Field settings.

Wayne

Hello @wayneoz

The class names are assigned to the fields through their attributes: “Add CSS Layout Keywords”, so, you simply should select the field in the form and enter the text:

my-special-field

into this attribute.

As this is textarea, the code to associate to the calculated field should be modified a little, because in this case the field does not include an input tag, it uses a textarea tag:

(function(){
jQuery('.my-special-field textarea').css({fontFamily:fieldname1, color: fieldname2, fontSize: fieldname3});
})()

and that’s all.
Best regards.

Thank you!
I have it changing SIZE and Colour.

But I am unsure about the Font. I was just using images as an example.

But if I want the text to change to the Font selected I will have to upload the Font won’t I !

How should this be done! and how to I call it?

Your Generosity in offering me a solution is very welcomed. Thank you so much!!!

Wayne

I will do! and Thank you HEAPS for your Kind Support.

Regards,
Wayne