How do I edit a shape color on a form?

Question

I'm trying to create a fillable form where there are two circle shapes and a line of text next to them - somewhat of a timeline checklist. I'd like my team to be able to change the color of the circles from white to either red, yellow or green - preferably via a drop down. If drop down isn't available, that's fine, but I need another solution BESIDES making color-filled comment shapes. These are checklists that we'll be customizing many times a week so we need to make it as user-friendly as possible.

This is a closeup of the template that needs to be a form with editable colors:

And this is what it should look like once edited, as a deliverable:

George_Johnson · Answer

This is possible using form fields, but it's not a built-in behavior, so you have to fake it using JavaScript. Here are links to some demos that illustrate aspects of this approach:

http://acroscript.net/pdf/demos/multistate_4.pdf

http://acroscript.net/pdf/demos/button_checkbox.pdf

So the idea is to set up each circle as a button and use JavaScript to cycle through the various colors you want to use when each is clicked, so you're faking a multistate check box.

For the lines, it might make sense to leave them off or use a script to remove the underline once a field is filled in. A custom validation script for such a text field might be:

// Custom validation script for a text field

event.target.strokeColor = event.value ? color.transparent : color.black;

This assumes the border style is set to underline.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded