multi-line field auto expand on existing and next task

replied on March 29, 2021

Can you share the specific code you are using? Most likely it's just a trigger based on a field change, and it would be a matter of duplicating it to also be triggered on form load.

0 0

View 2 previous replies

replied on March 29, 2021

Hi Matthew,

This is the code i'm using in my Process

//Below code autoadjusts height of fields set with CSS Class=autoadjust
$(document).ready(function () {
 $('.autoadjust textarea').each(function () {
    h(this);
  }).on('lookup change keyup', function () {
    h(this);
  });
  function h(e) {
    $(e).css({'height':'auto','overflow-y':'hidden'}).height(e.scrollHeight);
  }

});

0 0

replied on March 29, 2021

Hmmm... Odd. Seems to be working for me on testing. Lines 3 and 4 should be triggering as the form loads to make the change.

0 0

replied on March 29, 2021

It works when I’m on the same user task, but as soon as when I submit to another user task, the the field is small again until I start typing or scroll down. Maybe I should clear my cache and see if it helps.

1 0

replied on March 29, 2021

Clearing cache also did not help my case

0 0

replied on March 30, 2021

You could try a JS line for $('.autoadjust textarea').change(); to trigger the change event when the form loads.

Note that in some situations the form elements load after the initial JS runs; if your JS fires off too quickly you could use a setTimeout to wait a half second before triggering the change.

1 0

Question

Question

multi-line field auto expand on existing and next task

Replies

Sign in to reply to this post.