text area auto size (vertically)

[DavidBRX]

Is there a way to make this field "auto size" itself based on content entered? If I make the rows to large and only use two roes, it requires huge scrolling within a tiny window frame. If I select 20 rows (as shown) and only enter two rows of data/text, there's a huge open area below. :-(

It would e nice to have it expand/contract as content is entered.  Not sure if such java code even exists as I've tried searching teh internet with no avail. :-(

See attached.

[PotatoMato]

Hi @DavidBRX. You may try the code below. Add a header and footer on your datapage and disable the HTML editor:

 

Header:

<style>
.cbFormTextArea {
  resize: none; 
  overflow: hidden;
}
</style>

 

Footer:

<script>
document.addEventListener('input', function (event) {
  if (event.target.tagName.toLowerCase() !== 'textarea') return;
  autoResize(event.target);
}, false);

function autoResize(textarea) {
  textarea.style.height = 'auto';
  textarea.style.height = textarea.scrollHeight + 'px';
}
</script>

 

-Potato

[DavidBRX]

I tried, but no so such luck.  I'm doing a preview of the added code in the header and footer on a cloned data-page.  Not sure if this has anything to do with it. :-(