Skip to main content
H
hollyj32411969
Inspiring
May 31, 2017
Answered

Javascript on a pdf form to change the colour of a field depending on the value in another field

  • May 31, 2017
  • 4 replies
  • 15634 views

I have used the following code to change the colour of a text field in a PDF form depending on the value entered into that field.

var v = +event.value; {
if (v>=1 && v<=5)   
event.target.fillColor = ["RGB",0.537,0.776,0];  
} 

Can anyone suggest how I can modify this code to change the colour of another field?

I want to change the colour of field "Text453" depending on the number entered into field "RISK"

(I have posted this question on another forum.)

This topic has been closed for replies.
Correct answer try67

Thanks for the tips. I managed to work it out and went with the code below.

var v = +event.value;
{if (v == 1)   
this.getField("Text803").fillColor = ["RGB",0.537,0.776,0]; 
else this.getField("Text803").fillColor = color.white;} 
var v = +event.value;
{if (v == 1) 
this.getField("Text804").fillColor = ["RGB",0.537,0.776,0];
else this.getField("Text804").fillColor = color.white;}  
var v = +event.value;
{if (v == 2) 
this.getField("Text805").fillColor = ["RGB",0.537,0.776,0];
else this.getField("Text805").fillColor = color.white;}  
var v = +event.value;
{if (v == 2) 
this.getField("Text806").fillColor = ["RGB",0.537,0.776,0];
else this.getField("Text806").fillColor = color.white;}
var v = +event.value;
{if (v == 3) 
this.getField("Text807").fillColor = ["RGB",0.537,0.776,0];
else this.getField("Text807").fillColor = color.white;} 

The correct syntax is to put the curly brackets after the if-condition. It works in your case because you only have one line of code associated with it, but it's not good practice. This is how it should look like:

var v = +event.value; 
if (v == 1) {
    this.getField("Text803").fillColor = ["RGB",0.537,0.776,0];
} else {
    this.getField("Text803").fillColor = color.white;
}

4 replies

T
Test Screen Name
Legend
May 27, 2019

You said you wanted to use a light green and a light pink.

We asked if you had the RGB colours to use, and you said yes.

I asked to see the code using the colours, which had problems.

I am still trying to answer your first question.

ihteshamu35126935
ihteshamu35126935
Participating Frequently
May 27, 2019

sir  our requirements  changes no RBG needed. i want  you help me.

How can i change my combobox/dropdown list background color change.

i have  YES    &   No in my dropdown list

i want YES in green back ground

& no in RED backround.

i want to know how.

Consider me as bigneer.

try67
Community Expert
try67Community Expert
Community Expert
May 27, 2019

That's not possible. You can't assign different colors to various options

in the field.

On Mon, May 27, 2019, 23:02 ihteshamu35126935 <forums_noreply@adobe.com>

T
Test Screen Name
Legend
May 27, 2019

Ok, please post your attempted code with the RGB colours. We cannot guess what problem you are having. And please answer ALL THE QUESTIONS. Where did you place the code?

ihteshamu35126935
ihteshamu35126935
Participating Frequently
May 27, 2019

i place below codes in combobox>>> properties>>>>vaildate

& its no working sir

all i want is combobox background colors for different selections i.e YES in green background & NO in RED background.

var f_color = color.white;

if (event.value === "NO") f_color = color.red;

if (event.value === "Manager NO") f_color = color.red;

if (event.value === "YES") f_color =color.green;

event.target.fillColor = f_color; 

T
Test Screen Name
Legend
May 26, 2019

You did not answer the question. Do you know the RGB values for these colours? Please answer. Do not ignore any part of the reply.

ihteshamu35126935
ihteshamu35126935
Participating Frequently
May 27, 2019

YES sir i know RGB colors

try67
Community Expert
try67Community Expert
Community Expert
May 31, 2017

Change:

event.target.fillColor = ["RGB",0.537,0.776,0];

To:

this.getField("Text453").fillColor = ["RGB",0.537,0.776,0];

    H
    hollyj32411969Author
    Inspiring
    June 1, 2017

    Okay great, I am so close.

    I want more than one field to change and am trying to use this code.

    As it isn't working I know I must be doing it wrong.

    Any suggestions?

    var v = +event.value;{
    if (v == 1) 
    this.getField("Text793" && "Text794" && "Text795").fillColor = ["RGB",0.537,0.776,0];
    else this.getField("Text793" && "Text794" && "Text795").fillColor = color.white;}
    T
    Test Screen Name
    Legend
    June 1, 2017

    I don't know what you are trying to achieve with a list of field names of getField but that's not how it's done. If you need to do three field you need three separate statements. If they are part of an if statement wrap them in braces ie {...}

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices