Home > DeveloperSection > Forums > Auto height in multiline textbox
Pravesh Singh
Pravesh Singh

Total Post:101

Posted on    September-03-2013 7:27 AM

 ASP.Net ASP.Net 

 1 Reply(s)
 3790  View(s)
Rate this:

I have to show data from database with multiline textbox.

How can i set height auto in this multiline textbox?

My code is here,

<asp:TextBox ID="txtNaiyo" runat="server" TextMode="MultiLine" Rows="5" Width="100%" style="height:auto;" Value='<%# Eval("Naiyo") %>'/>

Thanks in advance.

Sumit Kesarwani

Total Post:378

Posted on    September-03-2013 7:52 AM

Hi Pravesh,

I've made something quite easy. First I put the TextArea into a DIV. Second, I've called on Ready Function to this script

<div id="divTable">

  <textarea ID="txt" Rows="1" TextMode="MultiLine" />


$(document).ready(function () {

  var heightTextArea = $('#txt').height();

  var divTable = document.getElementById('divTable');

  $('#txt').attr('rows', parseInt(parseInt(divTable .style.height) / parseInt(altoFila)));


Simple. Is the Max Height of the div once is render, divided the height of one TextArea of one row.

Hope this will solve your problem.

Don't want to miss updates? Please click the below button!

Follow MindStick