How to Customize a SharePoint Modern List Form?
SharePoint has been the most extraordinary and outstanding way of collaboration and communication among teams within the organizational structure around the globe. Just after implementing the SharePoint solution, most organizations end up going beyond the core functionality. For instance, they want to modify dashboards and menus as well as integrate SharePoint software with other software. But what often comes as a major input from experts and professionals is to customize the SharePoint list form.
In this blog, we will discuss everything about getting the custom SharePoint form ready. Before we dive in, let’s first learn the editing procedure of a SharePoint form. As editing comes first before starting to customize a SharePoint form, so let’s discuss that.
How to Edit SharePoint Online Forms?
It takes some important steps for a SharePoint designer to edit a SharePoint Online Form. The first step here should be clicking on the List and Libraries Tab in the Navigation Quick Launch. After doing so, you will get your ListName.
Now, you have to click on your list. After doing so, you will have to click on the right side, just below the view section, which is called the Forms section. Once you have done so, you need to click on the new button on the right side. This will help open a dialog box where you can professionally design your New & Edit Forms.
Here, it will be a cherry on the cake if you are good in development. In that case, you can use JSLink. The JSLink helps you to attach the custom CSR code to a form (View, Display, New, or Edit). Here you should remember that it is possible to use the same file for the different forms and also include a logic to see the types of form it has become.
Now that we are done with the editing procedure, let’s come to SharePoint customization.
Here we have discussed a few examples of SharePoint customization. They are:
- Hide New Item Button on SharePoint List
Let’s take the first example of customization of SharePoint modern list forms. A +new item or edit this list link will be there by default in the SharePoint document library list. This list can be edited to add a new item or hide a new item without using any JavaScript or jQuery code.
By following the below steps, you can hide a new item or edit the SharePoint List:
- First, start with opening your SharePoint list or document library and then start editing the page.
- Next, what you need to do is edit the list of web part properties.
3. In the next step, you go to the properties box and select the Toolbar Type as No Toolbar.
4. Finally, click on OK and stop editing the page. As a result, the links will disappear.
5. That’s all! You can hide new items or edit the SharePoint modern list form like this.
- Get Rid of Search Box from SharePoint List
This is another prime example of customizing a SharePoint Modern List Form. In this, we will see how it is possible to hide or show the small search box which pops up in the document library. The purpose of this search box is to search for different items or documents from any specific list or document library.
- Typically, the search box in a SharePoint library looks like below:
2. Now, when it comes to hiding the search box, you need to edit the page and web part like below:
3. After doing so, you will open the dialog box of web part properties which lies on the right side. You need to remember that the list views from there get directed towards the miscellaneous section. Moving forward, you should Uncheck the checkbox “Display Search box.
4. Finally, click OK and the search box will vanish as shown in the below image
That’s how you hide the search box in a SharePoint or document library.
- Remove Time from the Calendar View of SharePoint
In this SharePoint modern list form, it is possible to remove time from the All Events view in the Calendar list. In the Calendar List, there are two columns like Start Time & End Time. Both of these are the Date and Time column datatype.
Here, what we have by default is something like below where both Start and End Time have a value which has Date and Time. But, for example, you don’t need the time for any of your requirements. You just need the date.
In the below SharePoint online list, Start and End Time columns both are present.
In this case, you can’t directly remove the time from the inbuilt columns. Rather, you can create two new calculated columns for both Start Time and End Time.
How to do that?
Just open your SharePoint Online Calendar list. Next, go to the list settings page, and finally, create the column to add it. Don’t forget to give a name for the column and then select Column type as a calculated column with the formula: TEXT ([Start Time],” MM/DD/YYYY”). Here you need to choose the Date and Time Format as “Date Only”.
You need to create a similar column for End Time as well with the formula: =TEXT ([End Time],” MM/DD/YYYY”).
Now, all you need to do is open the “All Events” view and deselect both the ‘Start Time’ & ‘End Time’ columns. At last, select the two calculated columns that you have created in this step.
PowerApps: The Revolutionizing Technology to Customize SharePoint List Forms
To leverage Microsoft PowerApps is one of the most ideal ways to customize SharePoint list forms.
How Can You Do That?
- Let’s say that the form consists of an AccoundID field that should be hidden
- When you are working on PowerApps, it’s easy to hide a field. All you need to do is uncheck the AccoundID field option through different customization options. So isn’t it easy to customize PowerApps forms in SharePoint?
The Bottom Line
SharePoint offers a variety of customization options for creating designs, workflows, and many other elements that can be tailored as per the users’ needs. Out of all of them, customizing list forms is one of the important ones. If you haven’t had a comprehensive idea of customizing SharePoint list forms, hope this article has been helpful to suffice your needs.
Keep upgrading your knowledge on SharePoint and keep making things easy!
