Applies to: SharePoint online and On-premises
This article describes about how to modify the default “Save” and “Cancel” buttons in NITRO forms and Portal forms and related functionality.
- Save button text change
- Cancel button text change
- How to redirect to custom page URL after submitting the form?
To replace the Save and Cancel buttons, we will use Submit action and Script action buttons in Nitro forms. With these action buttons we can execute the custom script and also we can invoke the configured custom actions in Submit action. This article takes Tickets list as example, you can configure the same on any list.
Detailed Instructions
Save button text change
Go to IT help desk site –> Tickets list –> List Settings –> Crow Canyon Nitro Forms –> Select the desired form (one list can have multiple NITRO Forms configured)
Hide the “Save” button under Layouts and Theme section and insert the “Submit Action” button. To insert the submit action button, drag and drop the Submit Action button from “Actions” section to the desired position on the form:
Rename Button Title to “Submit work Order” –> enter “functionCallback();” under Script Function panel under action settings like shown in below image.
Note: You can specify any text for the button title and select any image
To customize the width of the submit button, we can use Custom CSS in NITRO forms. Please go to Advanced section –> Custom CSS –> add below and save the settings.
.ccs_btn_SubmitAction{
min-width:150px !important;
}
Cancel button text change
Go to IT help desk site –> Tickets list –> List Settings –> Crow Canyon Nitro Forms –> Select the desired form (one list can have multiple NITRO Forms configured)
Hide the “Cancel” button under Layouts and Theme section and insert the “Script Action” button. To insert the script action button, drag and drop the Script Action button from “Actions” section to the desired position on the form.
Rename the “Cancel” Button Title as required –> enter “$('#btnCancel').trigger('onclick');” under Script Function panel under action settings like shown in below image.
Note: You can specify any text for the button title and select any image
To customize the width of the submit button, we can use Custom CSS in NITRO forms. Please go to Advanced section –> Custom CSS –> add below and save the settings.
.ccs_btn_ScriptAction{
min-width: 150px !important;
}
How to redirect to a custom URL after submitting the form?
For this we need to configure Post Save settings in submit button action settings in NITRO Forms
Permissions Configuration
To show this “Submit Work Order” action button only for the specific group of people, we can configure permissions for the action button. Select the button, go to permissions section and configure the permissions as required.
