Set text area height.

I need help. 
I am trying to set the height of the textarea and I see that there is no property for the same. Can you please help? 



1 Reply

BC Berly Christopher Syncfusion Team May 11, 2020 07:23 AM UTC

Hi Ajit, 
  
Greetings from Syncfusion support.  
  
We can set the height for the multiline textbox by using “rows” attributes in the created event as mentioned in the below code example. 
  
<template> 
  <div class="multiline"> 
    <ejs-textbox 
      ref="multiObj" 
      name="default" 
      :multiline="true" 
      :created="created" 
      placeholder="Enter your address" 
      value="Mr. Dodsworth Dodsworth, System Analyst, Studio 103, The Business Center" 
    ></ejs-textbox> 
  </div> 
</template> 
 
<script> 
import Vue from "vue"; 
import { TextBoxPlugin } from "@syncfusion/ej2-vue-inputs"; 
Vue.use(TextBoxPlugin); 
export default { 
  name: "HelloWorld", 
  props: {}, 
  data: function() { 
    return {}; 
  }, 
  methods: { 
    created: function() { 
      this.$refs.multiObj.ej2Instances.addAttributes({ rows: 10 }); 
    } 
  } 
}; 
</script> 

  
Please find the sample from the below link. 
  
To know more about this component, please refer the below demo link. 
  
Regards, 
Berly B.C 


Loader.
Up arrow icon