Kremr
Scholar

Change CSS Value with Javascript IF List Variable is true

Jump to solution

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

 

 

 

Labels: (1)
0 Kudos
Reply
3 Replies
allan
Contributor

Re: Change CSS Value with Javascript IF List Variable is true

Jump to solution

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".
allan_0-1637056490239.png

 

View solution in original post

0 Kudos
Reply
Kremr
Scholar

Re: Change CSS Value with Javascript IF List Variable is true

Jump to solution
thanks !!!! much love !
Reply
Kremr
Scholar

Re: Change CSS Value with Javascript IF List Variable is true

Jump to solution

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

});
});

0 Kudos
Reply