Hey Nintex Community!
I've been playing around with the js-insert item in Nintex Forms, and, is it a game-changer. It's like a secret weapon for making forms do exactly what you want, far beyond the standard stuff.
I've been using it for a few things and would love to hear what creative solutions you all have come up with. Here are a few of my go-to moves to kick things off:
-
Character Counters: I've added a simple counter to a text box so people can see how many characters they've typed. It's super handy when there's a character limit.
//Char count
$("#yourTexBoxID").keyup(function() {
var charCount = $(this).val().length;
$("#YourTexCounterID").val(charCount);
});
-
Color-Coded Countdowns: This is a step up from the counter. I've set it up so the text box not only counts down the remaining characters but also changes color as you get close to the limit. For example, it might turn green when you have more than 100 characters left and then switch to red when you're down to the last 100. It’s a great visual cue that saves people from having to guess.
-
$("#yourTexBoxID").keyup(function() {
var charCount = 150 - $(this).val().length;
$("#YourTexCounterID").val(charCount);
if (charCount <= 100) {
$("#YourTexCounterID").css("color", "red");
} else {
$("#YourTexCounterID").css("color", "green");
}
});
-
Keyword-Triggered Fields: This is one of my favorites. I've made it so a field only shows up when a user types a specific word in another box. For example, if someone types "Urgency" in the description, a new "Urgency Reason" field pops up. It keeps the form clean and simple until that extra info is needed.
//If writes URGENTE shows the text area
$("#yourTexBoxID").keyup(function() {
var texto = $(this).val().toUpperCase();
if (texto.includes("URGENCY")) {
$("#UrgencyTextBoxID").show();
} else {
$("#UrgencyTextBoxID").hide();
}
});
// Oculta el campo al cargar la página
$(document).ready(function() {
$("#UrgencyTextBoxID3").hide();
});
These are just a few examples, but they show how much more you can do with a little JavaScript.
What cool tricks have you all pulled off with js-insert? Let's share some ideas and make our forms even better!
Thanks so much for your time and the great conversations. Best of luck with everything!
