BASIC Modify Textarea

Design help Layout & Design
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.

  1. grab your textarea element
  2. assign custom attribute
  3. 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 :wink:

1 Like