Interactive thermometer

Report · Jun 10, 2024

Hello, I have created an Indesign document with a fundraising thermometer, then exported to pdf. It has been approved for print, but now my client wants a digital version where the managers can click each section of the thermometer as the goal is reached, and have it fill in with colour. I have created a document in Illustrator with 10% to 100% filled thermometers as artboards and also a version as layers. How do I import them so that the manager can click in the 10% area and it will show the 10% filled image? I have attached the document and a sample filled in part of the thermometer. Hope this makes sense...I'm desperate lol. Any help greatly appreciated!! Thank you in advance.

Report · Jun 10, 2024

The layers you created did not carry through to the PDF. You should ask in the Illustrator forum how to do that properly.

But let's say you have those layers set up and they are called "10%", "20%", etc. What you need to do in Acrobat is create a button over each one of the areas where you want the user to be able to click (it's a bit tricky since fields can only be rectangular, but you can create multiple ones that have the same name to cover the non-rectangular areas), and then apply a "Set layer visibility" action to them to show the desired layer, and hide the rest. This can also be done using a script.

Something like this:

View solution in original post

Report · Jun 10, 2024

The layers you created did not carry through to the PDF. You should ask in the Illustrator forum how to do that properly.

But let's say you have those layers set up and they are called "10%", "20%", etc. What you need to do in Acrobat is create a button over each one of the areas where you want the user to be able to click (it's a bit tricky since fields can only be rectangular, but you can create multiple ones that have the same name to cover the non-rectangular areas), and then apply a "Set layer visibility" action to them to show the desired layer, and hide the rest. This can also be done using a script.

Something like this:

Report · Jan 20, 2025

Thanks for the suggestion. Ended up trying to create in Indesign with layers. A button layer on top and the thermometer layer below. The only button that seems to work is the 20% button. 30% fills in everything above it the wrong way when clicked. I know I'm missing something but I can't find it, and the client is getting frustrated with my delay. Any suggestions? Help lol.

Report · Jan 20, 2025

Share the PDF file, please.

Report · Jan 20, 2025

Here you go. Thanks for this.

Report · Jan 20, 2025

You can't use the Show or Hide a Field action for this. When a field is hidden the user can't interact with it.

You must change the field's fill color, or image, instead. Or use a different way of determining which level is selected, such as the user filling in the "You are now at .... %" text field, and having its Validation script determine which of the image fields to show/hide.

Report · Jan 20, 2025

Oh...the "you are now at" controlling the image fields is exactly what I was hoping to achieve but didn't know how. Can you please direct me to a resource where I can learn how to do this? I am unfamiliar with scripts...thank you so much!

Report · Jan 20, 2025

For that you would need to explain how it should work, exactly. Should the "10%" field be shown when the value is between 0 and 10? 10 and 20? 0 and 20? Something else?

Also, you should rename it to "10 percent", so it's consistent with the other fields you created.