JSON sript for changing SAVE button to SUBMIT button in SharePoint onle List form

Sateesh Krl 136 Reputation points
2021-04-14T13:24:35.59+00:00

Hi all,

I have SharePoint online list and for new item creating we need to click on SAVE button in form but instead of SAVE we need SUBMIT button in that place.

I could do with PowerApps but due to license we need JSON sript.

Please privide the same to change.

Thanks.

SharePoint Server
SharePoint Server
A family of Microsoft on-premises document management and storage systems.
2,235 questions
SharePoint
SharePoint
A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.
9,728 questions
SharePoint Server Development
SharePoint Server Development
SharePoint Server: A family of Microsoft on-premises document management and storage systems.Development: The process of researching, productizing, and refining new or existing technologies.
1,576 questions
Not Monitored
Not Monitored
Tag not monitored by Microsoft.
36,243 questions
{count} votes

2 answers

Sort by: Most helpful
  1. sadomovalex 3,626 Reputation points
    2021-04-14T14:31:58.857+00:00

    do you mean JS script? If yes you may check e.g. this link: Change SharePoint “Save” button to “Submit” in new item forms.


  2. Jerry Xu-MSFT 7,926 Reputation points
    2021-04-15T02:06:58.37+00:00

    Hi, @Sateesh Krl ,

    For SharePoint Modern experience list form configuration, per my knowledge, we are not able to modify the existing button. We can add a button in the footer, however still there is no proper actions available for us to submit the item to update the list.

            {  
                "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",  
                "elmType": "div",  
                "children": [  
                    {  
                        "elmType": "img",  
                        "attributes": {  
                            "src": "<Img URL>"  
                        },  
                        "style": {  
                            "position": "relative",  
                            "top": "50%",  
                            "left": "50%",  
                            "width": "200px",  
                            "height": "200px",  
                            "margin-left": "-50%",  
                            "margin-top": "0%"  
                        }  
                    }  
                ]  
            }  
    

    If an Answer is helpful, please click "Accept Answer" and upvote it.
    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.