SharePoint Online: How to Breakdown Metadata by Groups in List Form?

Requirement: Divide Fields into Groups in SharePoint List Forms.

How to Breakdown Metadata into Groups in List Forms?

In the New List form, We wanted to group fields into groups so that It appears:

group form fields in sharepoint online

Add a script editor web part and place this script in it. In my case, I wanted to have the “Questions” grouping after the “Purpose of Travel” field in the list form.

<script src="" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
    //set section text and field name
    AddSectionAfterField("Questions","Purpose of Travel");

function AddSectionAfterField(sectionText,fieldName){
    var $fieldTR=$(".ms-standardheader nobr:contains('"+fieldName+"')").closest("tr");
    $fieldTR.after("<tr style='background-color:white'><td colspan='2' class='ms-formbody' style='padding:0; color: #000;'><div style='font-size: 20px;margin-top: 10px;margin-bottom: 10px;'>"+sectionText+"</div><hr style='max-width: 550px;  margin: 0px; padding-bottom:15px'></td></tr>");


This approach works only on Classic experience.

Salaudeen Rajack

Salaudeen Rajack - SharePoint Expert with Two decades of SharePoint Experience. Love to Share my knowledge and experience with the SharePoint community, through real-time articles!

Leave a Reply

Your email address will not be published. Required fields are marked *