Skip to main content
Nintex Community Menu Bar

Hi Folks,

 

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

.hello { color: red }

 

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

 

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

 

 

 

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