Applies to: SharePoint online and On-premises (2013, 2016, 2019 and SE)
Description:
NITRO display form has a ‘Close’ button to close the form and go back to the list. If requirement is to redirect to a specific URL after closing the form, then a custom button can be configured. NITRO Forms custom CSS and JavaScript features can be used to hide the default ‘Close’ button and configure a custom button. This document describes the steps to achieve this requirement.
Steps to hide default ‘Close’ button and to configure a close button for redirecting to custom URL
- Navigate to the site -> List -> List settings -> Crow Canyon NITRO Forms -> Expand ‘Advanced’ section from left-hand panel -> Custom CSS. Specify CSS as shown below:
CSS to hide the default close button is given below:
#btnClose
{
display:none;
}
- To show the custom button, configure ‘Form Event Actions’ on form load; from ‘Advanced’ section as shown below:
JavaScript to configure close button and redirect to custom URL:
//Execute script action
//Please replace “RedirectURLGoesHere” with the required URL.
- Save settings and publish the NITRO Forms.
Sample Output:
Default ‘Close’ button is hidden and custom button is shown above.
