Skip to main content
Nintex Community Menu Bar
Solved

Change CSS Value with Javascript IF List Variable is true

  • November 12, 2021
  • 3 replies
  • 64 views

Hi Folks,

 

i have a css field in Nintex Form [Settings Formular > Userdefined CSS]

.hello { color: red }

 

Can i change it via Javascript [Settings Formular> Userdefined Javascript] when a List Variable is true ?

 

Like ... If List Variable "Sky" is true then change the css ".hello" to {color: blue}.

 

 

 

Best answer by allan

Absolutely.
The easiest way is to assign a JS variable to your control and use this :  

 

 

NWF.FormFiller.Events.RegisterAfterReady(function() { NWF$("#" + YourJSControlID).change(function(){ if(NWF$(this).val()=="Sky"){ NWF$(".hello").css("color","red"); } else { NWF$(".hello").css("color",""); } }); });

 

 

NWF.FormFiller.Events.RegisterAfterReady is the "$(document).ready" of Nintex Forms
YourJSControlID is the ID you put in "Store Client ID in JavaScript variable" of your control
Then you need to change the color depending of "Sky", but also remove the color if it is not "Sky".

 

3 replies

allan
Forum|alt.badge.img+9
  • Rookie
  • Answer
  • November 16, 2021

Absolutely.
The easiest way is to assign a JS variable to your control and use this :  

 

 

NWF.FormFiller.Events.RegisterAfterReady(function() { NWF$("#" + YourJSControlID).change(function(){ if(NWF$(this).val()=="Sky"){ NWF$(".hello").css("color","red"); } else { NWF$(".hello").css("color",""); } }); });

 

 

NWF.FormFiller.Events.RegisterAfterReady is the "$(document).ready" of Nintex Forms
YourJSControlID is the ID you put in "Store Client ID in JavaScript variable" of your control
Then you need to change the color depending of "Sky", but also remove the color if it is not "Sky".

 


  • Author
  • November 17, 2021
thanks !!!! much love !

  • Author
  • November 18, 2021

btw (i hope its just btw)

 

can i ask the value of a list variable instead a javascript id ? So i don´t really want to add a textfield or something with the javascript id ... he should ask the value in the element, not in the form... is that possible ?

like ... or it runs with a lookup ?

 

 

NWF.FormFiller.Events.RegisterAfterReady(function() {
NWF$("#" + ListVariable).change(function(){
if(NWF$(this).val()=="Sky"){
NWF$(".hello").css("color","blue");

});
});