Automatically copying that text to another textbox use jQuery with Nintex Forms

 Automatically copying that text to another textbox use jQuery with Nintex Forms

you can achieve this using JavaScript/jQuery code within Nintex Forms. Here's a basic example of how you might do it:

// Assuming you have two textboxes with ids 'Name_textbox1' and 'Name_textbox2'

// Replace 'Name_textbox1' and 'Name_textbox2' with the actual ids of your textboxes

$(document).ready(function(){ $('#Name_textbox1').change(function(){

var text = $(this).val(); // Get the value of Name_textbox1

$('#Name_textbox2').val(text); // Set the value of Name_textbox2 to the value of Name_textbox1

}); });

How to get the radio button value in the nintex form using jquery

 

When using a Choice control You will get value of selected radio button using in the following code:

Ensure the selector (input[name="myRadioGroupName"]) accurately targets your radio buttons. If you have assigned a class to them, you would use something like NWF$('.myCustomClass').

My Nintex Radio Button CSS name is rblRadio then i use in the following code

 NWF$('.rblRadio').change(function() {  

console.log("Clicked radio button");

                var radio_Button_Value = NWF$('.rblRadio').find("input:checked").val(); 

console.log("radio_Button_Value input checked " + radio_Button_Value );

});

How to apply Label Border Color in the Nintex form using jQuery

Using a Custom Class on your Nintex form label control

If your label has a custom class, such as CSS class property then apply Label control name is LabelToolTips

Use in the following code on your code logic

NWF$('.LabelToolTips').css('border', '2px solid #ff0000'); // Red border

NWF$('.LabelToolTips').html("*If you are unsure, choose Intranet Issue"); //Apply Value

NWF$('.LabelToolTips').css('border', 'none'); // Remove Border

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 Nintex form fields via Custom CSS

Add this name "nf-hide-calculatedcolumn" in the CSS class from calculated field.

Add in this CSS code from Custom CSS Section.

.nf-hide-calculatedcolumn 
{
visibility:hidden;
}


All of your CSS related control will be hidden.

Nintex office 365 Form Check box change event Code

Processing....

Count Loading items from Nintex dropdown box via Nintex Calculated Controls

Processing..

Remove Nintex form Ribbon - Save Button ,Delete Button

Processing