JavaScript TextArea

Set the height property of the jqxTextArea. Author: http://jqwidgets.com

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div id='MyTabSelector'>
  <div id='jqxTabs'>
    <ul style='margin-left: 20px;'>
        <li>Tab 1</li>
        <li>Tab 2</li>
        <li>Tab 3</li>
        <li>Tab 4</li>
        <li>Tab 5</li>
    </ul>
    <div>
      <textarea id="txt1"></textarea>
    </div>
    <div>
      <textarea id="txt2"></textarea>
    </div>
    <div>
      <textarea id="txt3"></textarea>
    </div>
    <div>
      <textarea id="txt4"></textarea>
    </div>
    <div>
      <textarea id="txt5"></textarea>
    </div>
</div>

JavaScript

$('#jqxTabs').jqxTabs({
  width: 500,
  theme: 'energyblue',
  height: 150
});

$('#txt1').jqxTextArea({
    height: 100,
    width: 200
});

$('#txt2').jqxTextArea({
    height: 100,
    width: 200
});

$('#txt3').jqxTextArea({
    height: 100,
    width: 200
});

$('#txt4').jqxTextArea({
    height: 100,
    width: 200
});

$('#txt5').jqxTextArea({
    height: 100,
    width: 200
});

$('#txt1').jqxTextArea('val', '1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10');

$('#txt2').jqxTextArea('val', '1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10');

$('#txt3').jqxTextArea('val', '1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10');

$('#txt4').jqxTextArea('val', '1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10');

$('#txt5').jqxTextArea('val', '1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10');