How to use JavaScript in Nintex forms for Office 365?

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:

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:

• Steps to create column in Nintex forms designer in Office 365 SharePoint Online
• How to use Repeating Section in Nintex forms for Office 365 SharePoint online?
• How to change Nintex Forms header banner in SharePoint Online Office 365?
• How to apply rules in Nintex forms for Office 365 SharePoint online?
• How to reset to out of box list forms from Nintex Forms customization in SharePoint Online
• How to use set field value in Nintex Forms for Office 365 in SharePoint Online using JavaScript?
• How to implement mandatory field validation in Nintex forms in Nintex forms for Office 365 SharePoint Online?
• Steps to show cascading dropdown in Nintex Forms for Office 365 SharePoint Online
• How to implement validation rules by condition in Nintex forms for Office 365 SharePoint Online?
• Add different layouts into Nintex forms in Office 365 SharePoint Online
• How to design multiple step forms using Nintex forms for Office 365 SharePoint Online?
• How to set a default value for lookup column in Nintex forms for Office 365 SharePoint online?

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