Solved

Change CSS Value with Javascript IF List Variable is true

  • 12 November 2021
  • 3 replies
  • 7 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}.



 



 



 

icon

Best answer by allan 16 November 2021, 10:52

View original

3 replies

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".


 









thanks !!!! much love !

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");

});
});

Reply