SharePoint Online vs SharePoint Server

Oct 13, 2025 by pinkandtrash.com 28 views

Introduction

SharePoint lists are a powerful tool for managing and organizing data within an organization. One of the features of SharePoint lists is the ability to edit multiple items at once using the "Edit in grid view" option. However, this feature also includes the ability to add new items to the list, which may not be desirable in all cases. In this article, we will discuss how to disable the "Add new item" button from the "Edit in grid view" option in SharePoint lists.

SharePoint Online vs SharePoint Server

Before we dive into the solution, it's worth noting that the approach may differ slightly between SharePoint Online and SharePoint Server. SharePoint Online is a cloud-based version of SharePoint, while SharePoint Server is an on-premises version. However, the solution we will discuss can be applied to both versions.

Modern Experience vs Classic Experience

Another important consideration is the experience you are using in SharePoint. SharePoint has two experiences: Modern and Classic. The Modern experience is the default experience in SharePoint Online, while the Classic experience is the default experience in SharePoint Server. The solution we will discuss applies to both experiences.

Power Apps and Power Apps Forms

Power Apps and Power Apps Forms are also relevant to this discussion. Power Apps is a low-code development platform that allows users to create custom business applications. Power Apps Forms is a feature of Power Apps that allows users to create custom forms for data entry. While Power Apps and Power Apps Forms are not directly related to the solution we will discuss, they may be relevant in certain scenarios.

Solution

To disable the "Add new item" button from the "Edit in grid view" option in SharePoint lists, you can use the following approach:

Using JavaScript

You can use JavaScript to disable the "Add new item" button from the "Edit in grid view" option. To do this, you will need to add a script to the SharePoint list's settings.

Step 1: Add a script to the SharePoint list's settings

Go to the SharePoint list's settings.
Click on "List settings".
Click on "Advanced settings".
Click on "Script editor web part".
Add the following script:

function disableAddNewItem() {
  var grid = document.getElementById("grid");
  var addNewItemButton = grid.querySelector(".ms-List-addNewButton");
  if (addNewItemButton) {
    addNewItemButton.disabled = true;
  }
}
disableAddNewItem();

Step 2: Save the script

Click on "Save" to save the script.

Using CSS

You can also use CSS to disable the "Add new item" button from the "Edit in grid view" option. To do this, you will need to add a CSS rule to the SharePoint list's settings.

Step 1: Add a CSS rule to the SharePoint list's settings

Go to the SharePoint list's settings.
Click on "List settings".
Click on "Advanced settings".
Click on "CSS editor web part".
Add the following CSS rule:

.ms-List-addNewButton {
  display: none;
}

Step 2: Save the CSS rule

Click on "Save" to save the CSS rule.

Using Power Apps

If you are using Power Apps, you can also use the "Edit in grid view" option to bulk edit items in a SharePoint list. However, you will need to use a custom form to add new items to the list.

Step 1: Create a custom form

Go to Power Apps.
Create a new app.
Add a form to the app.
Configure the form to add new items to the SharePoint list.

Step 2: Use the custom form to add new items

Go to the SharePoint list.
Click on "Edit in grid view".
Use the custom form to add new items to the list.

Conclusion

In this article, we discussed how to disable the "Add new item" button from the "Edit in grid view" option in SharePoint lists. We covered three approaches: using JavaScript, using CSS, and using Power Apps. Each approach has its own advantages and disadvantages, and the choice of approach will depend on your specific requirements.

Best Practices

When implementing this solution, keep the following best practices in mind:

Test thoroughly: Test the solution thoroughly to ensure that it works as expected.
Use a consistent approach: Use a consistent approach throughout the organization to ensure that the solution is implemented correctly.
Document the solution: Document the solution so that others can understand how it works.
Monitor the solution: Monitor the solution to ensure that it continues to work as expected.

FAQs

Q: How do I implement this solution in SharePoint Online?

A: To implement this solution in SharePoint Online, follow the steps outlined in the "Using JavaScript" section.

Q: How do I implement this solution in SharePoint Server?

A: To implement this solution in SharePoint Server, follow the steps outlined in the "Using JavaScript" section.

Q: Can I use this solution with Power Apps?

A: Yes, you can use this solution with Power Apps. However, you will need to use a custom form to add new items to the list.

Q: How do I troubleshoot this solution?

Introduction

In our previous article, we discussed how to disable the "Add new item" button from the "Edit in grid view" option in SharePoint lists. However, we also received many questions from readers who wanted more information on how to implement this solution. In this article, we will answer some of the most frequently asked questions (FAQs) about disabling the "Add new item" button from the "Edit in grid view" option in SharePoint lists.

Q: How do I implement this solution in SharePoint Online?

A: To implement this solution in SharePoint Online, follow the steps outlined in the "Using JavaScript" section of our previous article. You can also use the "Using CSS" approach, which is outlined in the same article.

Q: How do I implement this solution in SharePoint Server?

A: To implement this solution in SharePoint Server, follow the steps outlined in the "Using JavaScript" section of our previous article. You can also use the "Using CSS" approach, which is outlined in the same article.

Q: Can I use this solution with Power Apps?

A: Yes, you can use this solution with Power Apps. However, you will need to use a custom form to add new items to the list. To do this, follow the steps outlined in the "Using Power Apps" section of our previous article.

Q: How do I troubleshoot this solution?

A: To troubleshoot this solution, use the browser's developer tools to inspect the HTML and CSS of the page. You can also use the SharePoint list's settings to troubleshoot the solution.

Q: Can I use this solution with SharePoint lists that have multiple content types?

A: Yes, you can use this solution with SharePoint lists that have multiple content types. However, you will need to modify the JavaScript code to target the specific content type that you want to disable the "Add new item" button for.

Q: Can I use this solution with SharePoint lists that have custom forms?

A: Yes, you can use this solution with SharePoint lists that have custom forms. However, you will need to modify the JavaScript code to target the specific form that you want to disable the "Add new item" button for.

Q: How do I disable the "Add new item" button for specific users or groups?

A: To disable the "Add new item" button for specific users or groups, you will need to use SharePoint's permission system. You can do this by creating a custom permission level that denies the "Add new item" permission to the specific users or groups.

Q: Can I use this solution with SharePoint lists that have versioning enabled?

A: Yes, you can use this solution with SharePoint lists that have versioning enabled. However, you will need to modify the JavaScript code to target the specific version of the list that you want to disable the "Add new item" button for.

Q: How do I disable the "Add new item" button for specific columns or fields?

A: To disable the "Add new item" button for specific columns or fields, you will need to modify the JavaScript code to target the specific column or field that you want to disable the "Add new item" button for.

Conclusion

In this article, we answered some of the most frequently asked questions (FAQs) about disabling the "Add new item" button from the "Edit in grid view" option in SharePoint lists. We hope that this article has been helpful in providing more information on how to implement this solution.

Best Practices

When implementing this solution, keep the following best practices in mind:

Test thoroughly: Test the solution thoroughly to ensure that it works as expected.
Use a consistent approach: Use a consistent approach throughout the organization to ensure that the solution is implemented correctly.
Document the solution: Document the solution so that others can understand how it works.
Monitor the solution: Monitor the solution to ensure that it continues to work as expected.

Additional Resources

For more information on how to implement this solution, please refer to the following resources:

Microsoft SharePoint documentation: The official Microsoft SharePoint documentation provides detailed information on how to implement this solution.
SharePoint community forums: The SharePoint community forums provide a wealth of information and resources on how to implement this solution.
SharePoint blogs: There are many SharePoint blogs that provide information and resources on how to implement this solution.