Change Column Order in List Forms (new/edit/display) in SharePoint 2013/2016/Online without using Code

by
SharePoint Form Designer

This SharePoint tutorial explains, how to change column order in list forms (new/edit/display form) in SharePoint 2013/2016/Online without using any code. I have a list created a year ago with more than 20,000 records in it. Now the user wants to add a new field “Loan Status” in the list and it should be the 5 fields in all newForm.aspx, editForm.aspx and DispForm.aspx.

Complete SharePoint Training Course Just for $199 (Just for Today)

Note: Without recreating the list nor adding any custom code.

Existed: The existing SharePoint list new form looks like below:

change out of box fields order sharepoint form
change out of box fields order SharePoint form

Expected: But the list form should look like below:

sharepoint 2013 change field order in form
sharepoint 2013 change field order in a form

When we add a new field in a list by default it will get add as the last field in all forms newForm.aspx, editForm.aspx and DispForm.aspx.

Now we should change the order of the list without recreating the list nor adding any custom code.

Solution: Change Column Order in List Forms (new/edit/display) in SharePoint 2013/2016/Online

Follow the below steps to achieve this without any code.
1. Open the SharePoint Online list and then click on List settings as part of the ribbon control

sharepoint 2013 change field order
sharepoint 2013 change field order

2. Click on “Advanced Settings” as part of list setting

sharepoint column ordering not working
sharepoint column ordering not working

3. Enable “Content Types” and click at the end of the page

sharepoint change column order new form
sharepoint change column order new form

4. You should be able to see the default content type at the list settings as part of list setting

change out of box fields order sharepoint forms
change out of box fields order sharepoint forms

5. Click on “Item” Content type and it will take all the various properties of that content type. At the end of the page, you should be able to see on option as “Column Order” click on that.

sharepoint 2016 change field order in form
sharepoint 2016 change field order in form

6. Once you click on that option it will show you the existing columns / fields order for all the OOB forms newForm.aspx, editForm.aspx and DispForm.aspx. Now change the position of “LoanStatus” to “5” and click on OK.

sharepoint 2016 change field order
sharepoint 2016 change field order

7. Once you change the position you can see the position of the field at 5 in all the OOB forms newForm.aspx, editForm.aspx and DispForm.aspx. The below is the NewForm.aspx.

sharepoint 2013 column ordering not working
sharepoint 2013 column ordering not working

Below is how the EditForm looks like.

sharepoint 2013 change column order new form
sharepoint 2013 change column order new form

Below is the DispForm looks like.

sharepoint 2016 column ordering not available
sharepoint 2016 column ordering not available

You may like following SharePoint tutorials:

Hope this helps to Change Column Order in List Forms (new/edit/display) in SharePoint 2013/2016/Online without using Code.

    • >