Disable SharePoint Multiline TextBox Field In Edit Form

Disable Multiline TextBox Field In SharePoint Edit Form

In this post, we’ll show how to Disable SharePoint Multiline TextBox Field In Edit Form using JQuery by exploring the following:

You might also like to read Show / Hide fields based on choice field selection using JQuery in SharePoint


Disable SharePoint Multiline TextBox Field In Edit Form Using JQuery

I have a SharePoint custom list,

Set multi line field as read-only in SharePoint Edit form

This list has a plain Multiple Lines of text column called “Project Description”.

SharePoint Multiline TextBox Column

In my case, I need to disable SharePoint Multiple lines Text Box Field and set it as read only In Edit Form using JQuery

Disable SharePoint Multiline TextBox Field In Edit Form

Set Multiline TextBox Field as ReadOnly In SharePoint Form with Scroll up and down Enabled

Steps

  • Open your list.
  • From the above ribbon, Click on the List tab.
  • In “Customize List”, Click on “Form Web Parts”.
  • Select “Default Edit Form” to customize the default edit form.
Default Edit Form in SharePoint
  • Click on Add new Web Part.
  • In the “Media and Content” category, Add Script Editor web part.
Add Script Editor in SharePoint
Disable SharePoint Multiline TextBox Field In Edit Form
  • Click Insert, and stop page editing.
  • Go back to edit an existing item in your list.
  • Great, the Multi-line text box field has been disabled properly in SharePoint Edit form as shown below:
Disable Multiline TextBox Required Field In SharePoint Edit Form using JQuery
  • If the field holds multiple lines of text, the scroll up and down will be shown and enabled as shown below:
Set Multiline TextBox Field as ReadOnly In SharePoint Form with Scroll up and down Enabled

Note: This code is only working with the Plain Multiple Line Text Box.

For Rich Multiple Line Text Box, Please, check Set Rich Multiple Line Text Field as Read Only in SharePoint.

Hide Column in SharePoint List Form Using JQuery

In this section, we’ll show how to hide Hide Multiple line of text column in SharePoint form using JQuery

Steps

  • Open your list.
Hide Multiple Line of Text Column in SharePoint Form

  • From the above ribbon, Click on the List tab.
  • In “Customize List”, Click on “Form Web Parts”.
  • Select “Default Edit Form” to customize the default edit form.
Default Edit Form in SharePoint
  • Click on Add new Web Part.
  • In the “Media and Content” category, Add Script Editor web part.
Add Script Editor in SharePoint
  • Edit the snippet.
  • Download the JS code snippet on GitHub at Hide SharePoint Multiline TextBox Field.
  • Paste the downloaded code to Script Editor.
  • Click Insert, and stop page editing.
  • Go back to edit an existing item in your list.
  • Great, the Multi-line text box field is hidden properly in SharePoint Edit form as shown below:
Disable SharePoint Multiline TextBox Field In Edit Form
Before Hide the Multiple line text box column
Hide column in SharePoint List Form

Hide Column In SharePoint List Form Using PowerShell

You can also use SharePoint PowerShell to

  • Hide Column in SharePoint New Form (ShowInNewForm).
  • Hide Column in SharePoint Edit Form (ShowInEditForm).
  • Hide Column in SharePoint Display Form (ShowInDisplayForm).

Note: The PowerShell Script is not working for the system generated column like Task Name, Description ..etc.

Hide Column in SharePoint New Form Using PowerShell

  • Run Windows PowerShell as Administrator
Run Windows PowerShell as Administrator
  • Edit the below script with your info:
    • Site URL.
    • List Title.
    • Field Display Name that you would like to hide.
  • Paste your script and click run to Hide Column In SharePoint List Form Using PowerShell.
Add-PSSnapin "Microsoft.SharePoint.PowerShell"
$web = Get-SPWeb -Site SiteURL
$listname = "List Name"
$fieldName = "Field Name"
$list = $web.lists | Where-Object { $_.title -Eq $listname } 
$field = $list.Fields[$fieldName] 
$field.ShowInNewForm=$false;
$field.Update()

Hide Column in SharePoint Edit Form Using PowerShell

Add-PSSnapin "Microsoft.SharePoint.PowerShell"
$web = Get-SPWeb -Site SiteURL
$listname = "List Name"
$fieldName = "Field Name"
$list = $web.lists | Where-Object { $_.title -Eq $listname } 
$field = $list.Fields[$fieldName] 
$field.ShowInEditForm=$false;
$field.Update()

Hide Column in SharePoint Display Form Using PowerShell

Add-PSSnapin "Microsoft.SharePoint.PowerShell"
$web = Get-SPWeb -Site SiteURL
$listname = "List Name"
$fieldName = "Field Name"
$list = $web.lists | Where-Object { $_.title -Eq $listname } 
$field = $list.Fields[$fieldName] 
$field.ShowInDisplayForm=$false;
$field.Update()

Hide Column in ALL SharePoint Forms Using PowerShell

We have introduce a simple PowerShell script to can easily show or hide column in ALL SharePoint Forms Using PowerShell as a bulk action.

Disable SharePoint Multiline TextBox Field In Edit Form
ShowHide_SPColumn -SiteURL "http://SiteURL" -ListTitle "List Title" -FieldName "Field Name" -FormType "New" -Show $false

Find the script features and the detail steps to use this script at Show and Hide Columns in SharePoint List Forms Using PowerShell


Conclusion

In conclusion, we have explained

  • How to Disable multiline text box column in SharePoint form using JQuery.
  • How to Hide multiline text box in SharePoint Edit form using JQuery.
  • How to Hide multiline text box in SharePoint New Form using PowerShell.
  • How to Hide multiple line field in SharePoint Edit Form using PowerShell.
  • How to Hide multiple line field in SharePoint Display Form using PowerShell.
Download
Applies To
  • SharePoint 2019.
  • SharePoint 2016.
  • SharePoint 2013.
  • SharePoint 2010.
You might also like to read
Have a Question?

If you have any related questions, please don’t hesitate to ask it at deBUG.to Community.

2 thoughts on “Disable SharePoint Multiline TextBox Field In Edit Form”

  1. Making multi-line text field read only or disabled JS code doesn’t work in SharePoint 2019 on-premise.

    //$(“textarea[title=’Test’]”).attr(“readonly”,”true”).css(‘background-color’,’#E6E6E6′);
    $(“textarea[title=’Test’]”).attr(‘disabled’,’disabled’);

  2. Pingback: Disable SharePoint Field in Edit Form | SPGeeks

Leave a Reply

Scroll to Top