How to use JavaScript in Nintex forms for Office 365?

by
SharePoint Form Designer

In this post, we will discuss how we can use JavaScript inside Nintex forms for Office 365. This is a very beginner article where we will just see how we can show an alert while loading the Nintex forms using JavaScript. If you are to Nintex forms for Office 365, you can check an article Working with Nintex Forms for Office 365 SharePoint Online.

Check out Complete SharePoint Training Course ($46 OFF)

Here let us open the SharePoint Online list, where you want to show the alert box. From the list ribbon (Classic site) or command bar (modern site) click on Nintex Forms button like below, which will open the Nintex Forms for Office 365 designer.

Nintex forms for office 365 javascript
Nintex forms for office 365 javascript

Then in the Nintex forms designer, click on Form Settings button like below:

How to use JavaScript in Nintex forms for Office 365
How to use JavaScript in Nintex forms for Office 365

Now in the Settings – Form dialog box, expand Custom JavaScript and put the below JavaScript code. Here if you will check the code, we are showing the alert box in the document ready.

How to use JavaScript in Nintex forms for Office 365
How to use JavaScript in Nintex forms for Office 365 SharePoint Online

NWF$(document).ready(function(){
alert(“Welcome to Nintex Forms to use JavaScript”);
});

Now Save it and then Publish the Nintex form to SharePoint Online site.

Now when you will open the list and try to add one item into that SharePoint Online list, it will show the dialog box on the form load like below:

How to use JavaScript in Nintex forms for Office 365?
How to use JavaScript in Nintex forms for Office 365?

You may like following Nintex forms for Office 365 tutorials:

Hope this will be helpful to know how to use JavaScript in Nintex Forms for Office 365.

>