Auto height in multiline textbox

Total Post:101

Points:709
 4275  View(s)
Ratings:
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.

  1. Post:378

    Points:2694
    Re: Auto height in multiline textbox

    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" />
    </div>
    $(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.

      Modified On Mar-31-2018 12:15:18 AM

Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!