New to the community? Start here

[Forminator Pro] Forminator: Text Field Size (How to reduce) & Signature Field

Hello, I have 2 questions:

(1) Is there a way to make the text field only 1 row in size like a name field (vs the huge 6+ rows currently), but not limit the number of words or characters that can be entered?

(2) Is there a way to add a signature field where visitors can write their name with a mouse before submitting the form?

Wed, 20 Feb 2019 22:05:37
More Forminator Pro discussions
Forminator Pro
  • Adam Czajczyk
    • Support Gorilla

    Hello Joe

    I hope you’re well today and thank you for your questions!

    As for the textarea size.

    The best way to do this would be to use “rows” and “cols” attribute of the “textarea” HTML tag but those are not currently supported and adding them now would require some custom JavaScript. But similar effect could be also achieved with CSS so that could be a workaround.

    To do it, you’d first want to add a custom class name to the text field in question. You can do it by editing the field and adding the custom class name (without leading dot) in the “Styling” section of the field editing popup. In my example I used the “my-textarea” class for it.

    Once it’s done, you’d want to go to the “Appearance” section of the form, enable “Custom CSS” there and put following CSS rule in:

    .my-textarea textarea {
    
height:40px;
    
min-height:0px;
    
}

    Note please: you might need to adjust the 40px height value to suit your site/form design.

    As for “signature field”.

    I’m afraid that’s not possible currently. However, we already got it on a features list so while I’m not able to give you an ETA, I can say that such feature should be added in future.

    Best regards,

    Adam