Copy link to clipboard
Copied
I have a client self-assessment form that has 8 questions and under each question is a row of numbers (1 – 10).
The client answers the question by selecting how they feel by clicking one of the numbers.
How do I make the numbers seen and editable so when the client selects say number (4) it goes bold.
Copy link to clipboard
Copied
You are creating 'Radio Button' field and not a button as I suggested, it will still work the same but if you or users who will be using the form have highlights turned on they may not see the number under the Radio Button. I suggested 'Button' field because it doesn't have highlights, But if you still want to use 'Radio Button' script is same in both cases.
In field 'Properties' click on 'Actions' tab ⇾ Select Trigger: 'Mouse UP' and Select Action: 'Run a JavaScript', click on 'add' and paste script inside, look at photo bellow.
Copy link to clipboard
Copied
I would suggest that you put every number in a separate text field.
Unless you use rich text format with spans method, you would need to change your font type with textFont property to change to a bold font. Another approach would be to use text fields (or a button) and set color to gray and then change to black on click (or some other color).
Copy link to clipboard
Copied
Thank you for your help. Interestingly there is another software PDF Filler that allows ytou to make each number editable with a slight gray out on the number until you select it. It was very easy to use.
Unfortunately when you save your final work it had an issue with the page set out (OCR?) but I slaso encountered the same with ADOBE OCR as well.
Copy link to clipboard
Copied
Hi Nesa, just vreading your last sentence, would that require the numbers with a button under each number and then select a button to indicate the number?
Copy link to clipboard
Copied
No, you can set number as button label:
EDIT:
You can use this script as 'Mouse UP' action of button to change color from black to gray and vice versa on second click:
event.target.textColor = (color.equal(color.black, event.target.textColor)) ? ["G",0.7] : color.black;
You can change shade of gray if you wish, change 0.7 to higher or lower number, 0 is black 1 is white.
Copy link to clipboard
Copied
I strongly recommend you don't use buttons for this. The main reason is that a button doesn't have a value, so if you wanted to export the values the users selected later on (for example, if you wanted to create an Excel spreadsheet so you could analyze them further), you won't be able to do so. You will have to write a script specifically for this task.
Instead, just use any of the built-in form field types that already exist in PDF files for getting user input, such as a drop-down field, a text field, or a group of radio-buttons or check-boxes.
Copy link to clipboard
Copied
Thank you for your response. I am very new with Adobe. I understand your end intent. I did try to use a check-box but then the number is not visible to select.
I need the client to see a number to select, would be ideal if the number selected was marked with an 'X' . Any suggestions for the numbers to be visible to select?
Copy link to clipboard
Copied
The best way to do this is with a combination of both suggestions from Nesa Nurani and Try67.
You need to add texfields. But each textfied pre-filles with the desired number value.
And the checkboxes can't be placed on top of the static text content of your form.
You can place them underneath or next to the field ( to the right or left), for example.
You are complicating this task too much snd unnecessarily.
Copy link to clipboard
Copied
Thank you for your response. I understand I can have a text field and a check-box adjacent or underneath but that makes the Form cluttered and clumsy compared to PDF Filler software which lets the number be seen and editable. When the number is selected an ‘X’ is placed on the selected number. (See attachment showing completed selection) - Does Adobe Pro have this feature/ capability?
Copy link to clipboard
Copied
You can set the checkbox background to transparent, that will show the number, but it will be slightly visible because of the blue highlight. You can turn off highlight in preferences, but it won't affect other users because they would also need to turn it off in their preferences.
Here is sample file to see two examples how it can be done:
https://drive.google.com/uc?export=download&id=1TN7yNpGK-OtPIhfsHkZC1ZeaI3Agmfuz
Copy link to clipboard
Copied
Hi Nesa, that is awesome, exactly what I need.
I do not know the steps you took to have the numbers revealed and then the red circle when selected.
Are you able to show/explain or direct me to how to do it?
I feel such relief that you have understood and have the answer. - Robert
Copy link to clipboard
Copied
I will explain how to make red circle, it may seem complicated but it's not that hard. But there is much easier way if you are okay with red square instead of circle?
Copy link to clipboard
Copied
I am happy with a red square 🙂
Copy link to clipboard
Copied
In that case, make button field place it over a number, and go to that button properties and set both background and border color to transparent (no color) and use this script as 'Mouse UP' action of that button:
event.target.strokeColor = color.equal(event.target.strokeColor, color.transparent) ? color.red : color.transparent;
Copy link to clipboard
Copied
Hi Nesa, so grateful for your help.
Almost there, not sure how to implement your last step, where or how to add script.
I have attached screen shots of the steps I followed and need help on the last one.
Copy link to clipboard
Copied
You are creating 'Radio Button' field and not a button as I suggested, it will still work the same but if you or users who will be using the form have highlights turned on they may not see the number under the Radio Button. I suggested 'Button' field because it doesn't have highlights, But if you still want to use 'Radio Button' script is same in both cases.
In field 'Properties' click on 'Actions' tab ⇾ Select Trigger: 'Mouse UP' and Select Action: 'Run a JavaScript', click on 'add' and paste script inside, look at photo bellow.
Copy link to clipboard
Copied
Hi Nesa
I want to follow what you suggested.
The only button I can see to create from the tool bar is ‘Radio Button’
Where do I find the create ‘Button’ tool?
Copy link to clipboard
Copied
Hi Nesa, Awesome it is working, found out how to create a 'Button'.
Thank you for your help, appreciate it.

