How can I set the height of MultiLinePlainText from the sharepoint list field?

Forms SharePoint Online
1

I tried this already, but it is not work.
Display vs Edit field sizes
image
Please help to fix it.

var textArea = fd.field('Message').$refs.textarea;
function recalcHeight() {
textArea.style.height = (textArea.scrollHeight > textArea.clientHeight) ? (textArea.scrollHeight) + "px" : "500px";
}
recalcHeight();
$(textArea).keyup(recalcHeight);

image

2

Dear @itapps,
Should work, are you wrapping your code inside of fd.spRendered() like in the example? Can you share a screenshot from JS editor?

3

Yes it is inside the fd.rendered

image
image852×177 5.54 KB

4

Your code looks commented out. I have this code working for me in my forms.

5

Yes I commented out of them because it is not work and makes my other coding not work.
You just think like it is not commented

6

I would check your browser's console.to see if any errors are appearing.

7

This is the code I am using in my form:

//This code will dynamically increase/decrease the height of the Multiline text field - [Wizard 3]
 var textArea = fd.field('Reason_For_Difference').$refs.textarea;
    function recalcHeight() {
        textArea.style.height = (textArea.scrollHeight > textArea.clientHeight) ? (textArea.scrollHeight) + "px" : "120px";
    }
 recalcHeight();
 $(textArea).keyup(recalcHeight);

*remember to change the "Reason_For_Difference" field name to your field name.

8

Dear @itapps,
Try just the code for the textArea, inside of fd.rendered() - remove the rest of the code you have for now.

9

Dear @Nikita_Kurguzov

I copied the code from @DryChips, it is failed also.

image
image861×551 24.2 KB

image

fd.rendered(function () {
//
//Test
//
var textArea = fd.field('Message').$refs.textarea;
function recalcHeight() {
textArea.style.height = (textArea.scrollHeight > textArea.clientHeight) ? (textArea.scrollHeight) + "px" : "120px";
}
recalcHeight();
$(textArea).keyup(recalcHeight);
})

image
image739×127 925 Bytes

image
image227×906 13.7 KB

Please help to fix it.

10

I tried to consloe.log the textarea
image
And it shows 'undefined'
image
Is that something wrong?

11

Dear @itapps,
Please, check your app version:
image

And in SharePoint app catalog, check the app package version:

image
image761×301 17.7 KB

If you don't have the latest versions, please, update or some functionality might not fully work - Update the app package for Plumsail Forms (SharePoint Online) — SharePoint forms

12

image
it is just 1.8.8
And how can I check the app package version?

13

Dear @itapps,
You're using SharePoint Online, right? Strange, it should auto-update and the latest version is v2.0.3
You can always download both the app package and the desktop editor from the Plumsail Account - Plumsail Account

To check app package version, you need to open the app catalog in SharePoint Admin Center:

  • Go to More features in the SharePoint admin center, and sign in with an account that has admin permissions for your organization.
  • Under Apps, select Open.
14

image
image1463×43 3.56 KB

just 1.0.8 App version

15

Dear @itapps,
The latest version is v1.1.0.0, please, install the latest version following this guide - Update the app package for Plumsail Forms (SharePoint Online) — SharePoint forms

Also, download the latest version of desktop editor from the Plumsail Account

16

Hi,
I do not know if it is the same in SHP on-prem and online, but do not you need to have the syntax like:
fd.spRendered(function() {
}
I only see "fd.rendered".
Steve

1 Like
17

Dear @Stepan,
You're correct, it should be inside fd.spRendered(), like this:

fd.spRendered(function(){
    var textArea = fd.field('Message').$refs.textarea;
    function recalcHeight() {
    textArea.style.height = (textArea.scrollHeight > textArea.clientHeight) ? (textArea.scrollHeight) + "px" : "500px";
    }
    recalcHeight();
    $(textArea).keyup(recalcHeight);
});
1 Like