Nintex Office 365 Form - Cannot access in Chrome or Edge Incognito Browser - An Error Occurred. Contact Your Site Administrator to update the app

An When I try to open Nintex Office 365 form, which is showing this Error

"An Error Occurred. Contact Your Site Administrator to update the app."

Root Cause of the Issue:

Google Chrome or browser is starting to implement more security controls in regards to third-party cookies, which is present in Incognito mode . They are beginning to block third-party cookies which Nintex Forms uses to communicate information between SharePoint Online and Nintex office 365 Forms - and Nintex form has blocked, Nintex Forms will not work correctly.

Chrome Browser Solution:

You can do this by:

1. Open Chrome's Cookies and other site data settings chrome://settings/cookies
2. Under Sites that can always use cookies add the follow sites, and ensure All cookies, on this site only is NOT selected.
   
   
• [*.]nintexo365.net
• [*.]nintex.com
• [*.]sharepoint.com
• login.microsoftonline.com

Edge Browser Solution:

1. Launch the Microsoft IE Edge Browsser
2. Click on  menu for options.
3. Select Settings from the list.
4. Switch to the Cookies and Site Permissions from the sidebar menu.
5. Choose the Cookies and site data option within Site permissions.
6. Toggle the button to turn ON to Allow sites to save and read cookies data.

Nintex Office 365 form Attachment Cusom Validation

 I have Nintex office 365 form to implement validation rule for attachment is mandatory field.

Please include Jquery Code + Form Validation Rule.

JQuery Form Loading Code:

NWF$(document).ready(function () {

    try {

var chkUATAttachment = NWF$("#" + JSchkUATAttachment);

chkUATAttachment.prop('checked', true);

        NWF.FormFiller.Functions.ProcessOnChange(chkUATAttachment);

   }

    catch (e) {

        console.log(e);

    }

});

function GetNumberOfAttachments(attCtrlClassName){   return NWF.FormFiller.Attachments.GetAttachedFilesCount(NWF.FormFiller.Functions.GetFillerDivObjectForControl(NWF$("#"+NWF$("." + attCtrlClassName + " .nf-attachmentsRow")[0].id)).data('controlid'))}

Rule:

Hide Validation Summary Error Message in the Nintex Form

Issue

By default, Nintex seems to display error messages (required data missing, validation error messages, etc.) above the Nintex form. 

Solution:

Add in the following CSS code in the Cusom CSS area and Check it. the error validation summary message is not visible to the user.



@keyframes fadeIn { from {opacity: 0;} to {opacity: 1;}}  
.nf-validation-summary  
{
visibility: hidden;   
  position: fixed;   
  z-index : 1000;   
  top: 150px;   
  width: 280px;   
  left: 15px;   
  background-color: white;   
  border: 2px solid red;   
  border-radius:3px;   
  box-shadow: 3px 3px 3px 3px rgba(50, 50, 50, 0.6);   
  animation: fadeIn 1s;  
  margin-top : 20px;  
}  

Nintex Confirmation pop up window after validation and Form Submit

Issue:

While I try to submit the Nintex form without filling the mandatory fields, the confirmation dialog is coming and then it is showing the requried field error message.

My requirement is Confirmation dialog should come onclik on "Save" button, once the require field validation gets succeeded and items gets added to the list.

Solution:

Add in the following javascript code in the Custom Javascript area on the settings page then the pop up will appear, once the form will be submitted.

NWF$(document).submit(function () { 

    if (NWF$('.nf-validation-summary').css('display') == 'none') { 

      alert("Form Submitted Successfully");

    }

else

{

alert("Please Fill all Mandatory fields");

} 

});

Change the Position of Validation Summary Error Message in Nintex Form

Issue

By default, Nintex seems to display error messages (required data missing, validation error messages, etc.) above the Nintex form.  Since the top of many forms scroll off the screen before the user reaches the "Submit" button (typically at the bottom of the form), the error message is not visible to the user.  It would seem to make much more sense to display these messages below the form, where the user can see them when he/she clicks Save/Submit. 

Solution:

Add in the following CSS code in the Cusom CSS area and Check it

@keyframes fadeIn { from {opacity: 0;} to {opacity: 1;}}  
.nf-validation-summary  
{   
  position: fixed;   
  z-index : 1000;   
  top: 150px;   
  width: 280px;   
  left: 15px;   
  background-color: white;   
  border: 2px solid red;   
  border-radius:3px;   
  box-shadow: 3px 3px 3px 3px rgba(50, 50, 50, 0.6);   
  animation: fadeIn 1s;  
  margin-top : 20px;  

}  

How to get Nintex Tasks Approval ID from Sql Server

SQL Query:

Execute the below query in your Nintex SQL server.

/****** Script for SelectTopNRows command from SSMS  ******/
SELECT TOP 1000 [Id]
      ,[Name]
  FROM [NW2013DB].[dbo].[ConfiguredOutcomes]

Load specific text in the dropdown in the Nintex form 2013 using Jquery

          var varLocationID=NWF$('#' + varJSLocationID).val();  
 LocationValue = ko.dataFor(NWF$("#" + ddlJSLocation)[0]);
       // Setting value to drop down  
       LocationValue.initialValue  = varLocationID;

Hide Text box based on the Drop down box value in the Nintex form 2013

Processin