jw83876
(Jeff Williams)
October 2, 2021, 12:48am
1
I feel so stupid.
I’m styling the contact form layout for my website.
I cannot figure out how to increase the size of the field “Textarea.”
Nothing I do in the design interface seems to do anything at all.
Assistance greatly appreciated.
Here is my site Read-Only: https://preview.webflow.com/preview/droneguycda?utm_medium=preview_link&utm_source=designer&utm_content=droneguycda&preview=e71cdc4ef1046b1821ae2f537406036a&pageId=61561e3574b235d1d2eee476&workflow=preview
cyberdave
(Dave S.)
October 3, 2021, 7:19am
2
Hi @jw83876 , thanks for your post, this can be done by setting a min height to your form textarea element.
See this post for more details: Why can't I set the size of my text area? (SOLVED) - #4 by Matty
I hope this helps.
Stan
(justAnotherDeveloper)
October 3, 2021, 8:40am
3
Hi @jw83876 standard way to set basic textarea
dimension is to add rows
and/or cols
attribute. WF doesn’t for some reason allow add this attribute in their attribute field and give us warning that rows
is reserved word.
But you can simply do that with JS setAttribute
.
grab your textarea
element
assign custom attribute
prevent textarea resizing functionality (Optional)
<script>
const textArea = document.querySelector(".your_textarea_class")
// OR => const textArea = document.querySelector("#your_textarea_id")
textArea.setAttribute("rows", 20)
</script>
<style>
<!-- when using class selector -->
.your_textarea_class{
resize: none;
}
<style>
just use one of possible ways to form your text area that suit to your project. both are valid
1 Like
jw83876
(Jeff Williams)
October 4, 2021, 6:25pm
4
Thank you both very much. Problem solved.
1 Like
system
(system)
Closed
October 5, 2021, 6:25pm
5
This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.