How to use JavaScript in Nintex forms for Office 365?

Check SharePoint Developer Training Course [$66 OFF] || InfoPath Alternatives -> Try Now

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.

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.

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

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.

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:

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.

Bijay Kumar

I am Bijay from Odisha, India. Currently working in my own venture TSInfo Technologies in Bangalore, India. I am Microsoft Office Servers and Services (SharePoint) MVP (5 times). I works in SharePoint 2016/2013/2010, SharePoint Online Office 365 etc. Check out My MVP Profile.. I also run popular SharePoint web site SPGuides.com

Download SharePoint Online Tutorial PDF FREE!

Get update on Webinars, video tutorials, training courses etc.