Generate button label dynamically from Form

OK I got it to work!

It seems it didn't like the == operator...

So I changed the function to fn-If(fn-Equals(Decision Type, 'Meeting'), 'Generate Documents with Notice', 'Generate Documents')

And also add a word-wrap: break-word; CSS style

EDIT:

Back to square one, the label value is static and doesn't seem to change regardless of the Decision Type radio-button value!

Is there a way to get it to change on the fly??

Hi,

I've been having a go with this and I reckon the only way this could work would be to have 2 buttons, one on top of the other, that you can show/hide depending on the value selected in the named radio button control.

Jan

Hi,

Could you move the logic from the calculated field to script? If you attach a change event to your select control (JavaScript id of jsDROPDOWN1) then you can change the button label depending on the value chosen.

NWF$(document).ready(function () {   
    NWF$("#" + jsDROPDOWN1).change(function(){
        var replacetext = '';
        switch (NWF$(this)[0].value)
        {
         case 'None':

      replacetext = 'One';
      break;

  default:

      replacetext = 'Two';
      break;

};

NWF$(".myButtonLabel input").prop('value', replacetext);
});

});

Jan

Hi,

I've got this working using the calculated field now, if you give the calculated field a JavaScript id of jsCalculatedField then putting a delay in the change event of the select control does the trick.

NWF$(document).ready(function () {   
    NWF$("#" + jsDROPDOWN1).change(function(){

var delay=1000;
setTimeout(function() { 
    var replacetext = NWF$("#" + jsCalculatedField)[0].defaultValue;

           NWF$(".myButtonLabel input").prop('value', replacetext);
        }, delay);

   });

});

Jan

If you apply a CSS class to each control you want to trigger the button label change then you can do it, I've used a class of changeTrigger. You'll need to get hold of each type of control in script and attach an appropriate event to it, sample code below:

NWF$(document).ready(function () {  

//select controls

NWF$(".changeTrigger select").change(function(){
    setLabel();
});

//date pickers

NWF$(".changeTrigger").find("input.nf-date-picker").each(function() {
    NWF$(this).blur(function(){
        setLabel();
    });

});

});

function setLabel() {
var delay=1000;
setTimeout(function() { 
var replacetext = NWF$("#" + jsCalculatedField)[0].defaultValue;

NWF$(".myButtonLabel input").prop('value', replacetext);
}, delay);
}

Jan