Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

How can I make smiley icons visible or invisible by clicking them in a PDF form?

Community Beginner ,
Mar 27, 2025 Mar 27, 2025

I'm creating a PDF report for preschool teachers, and I'd like them to be able to easily indicate feedback using smiley icons. Ideally, teachers should be able to toggle the visibility of each smiley by simply clicking on it: one click makes the smiley appear, another click hides it again.

How can I achieve this functionality in Adobe Acrobat? Can this be done using interactive form fields, buttons, or scripts? Any suggestions or guidance would be greatly appreciated!Schermafbeelding 2025-03-27 104834.png

TOPICS
Create PDFs , How to , PDF , PDF forms
85
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 27, 2025 Mar 27, 2025

> Can this be done using interactive form fields, buttons, or scripts?

All of the above.

You can do it in a couple of ways:

- Create overlapping button fields, one with an image and one without, and show/hide them when the user clicks one. This can be done using a script, or even using the built-in Show/Hide a Field command, if set up properly.

- Use a single button and copy the icon to it (either the smiley face, or an empty image) from a set of (hidden) button fields each time the user clicks. This requires using a script.

 

Just be aware that this is not real "user input". You won't be able to export it to an Excel file for further analysis later on, for example, as the state of a button is not a value.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 27, 2025 Mar 27, 2025
LATEST

Use a button field with the layout in the options tab set to Icon Only.  Load the image then enter this simply script as a Mouse Up action:

if(event.target.buttonPosition==0)
{event.target.buttonPosition=1}
else
{event.target.buttonPosition=0}

The script will show/hide the icon when it is clicked.  To rotate through multiple icons with each click follow the instructions in this article:

https://pdfautomationstation.substack.com/p/how-to-build-a-pdf-button-image-carousel

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines