fill with color the percentage in results

Hello @sakis11111

Thank you so much for using our plugin. Yes, that’s possible, but requires a calculated field as an auxiliary.

Assuming your fields are fieldname1, fieldname2, and fieldname3.

Insert a calculated field to use as an auxiliary. You can exclude it from the submission and hide it from the form by ticking a pair of checkboxes in its settings.

Finally, enter the following equation:

(function(){
    let fields = {
        fieldname1|n: fieldname1,
        fieldname2|n: fieldname2,
        fieldname3|n: fieldname3
    },
    color;
    
    for(let i in fields) {
      if(fields[i] < 50 ) color = 'green';
      else if(fields[i] < 80 ) color = 'orange';
      else color = 'red';
      getField(i).jQueryRef().find('input').css('color', color);
    }

})()

Note I used hypothetical fields’ names, values, and colors. You must replace them with the preferred ones.

Also, note I included the |n modifier in the piece of code:

let fields = {
        fieldname1|n: fieldname1,
        fieldname2|n: fieldname2,
        fieldname3|n: fieldname3
    },

It tells the plugin you are referring to the field’s name and not its value. The previous code creates an object with pairs, fields’ names and values.

Best regards.

Hello @sakis11111

That requires a more complex CSS rule. Assuming the fields’ values go from 0 to 100, you can edit the equation as follows to apply a gradient in the field’s background:

(function () {
    let fields = {
        fieldname1|n: fieldname1,
        fieldname2|n: fieldname2,
        fieldname3|n: fieldname3
    };

    for (let i in fields) {
        getField(i).jQueryRef().find('input').css('background', 'linear-gradient(to right, green 0%, green ' + fields[i] + '%, white ' + fields[i] + '%, white 100%)');
    }

})()

Best regards.