Changeable icons in Editable PDFs

[Karen Thring]

Hello,

Hoping someone can help. I am creating editable PDF Place Cards with names, table numbers etc. Text is no problem. However, i also want the client to have the ability to edit the entree icon for their guests. For example icon of a cow for beef, icon of a fish for fish etc. I am just unsure how to achieve this with images. I use Acrobat XI. Clients edit with latest Adobe Reader.

Thank you! Karen

Karen

[Bernd Alheit]

You can use form buttons with icons and show/hide the buttons.

[JR Boulay]

Practical made this for you: http://practicalpdf.com/actions-and-commands/

[Karen Thring]

Thank you for your reply, I will investigate this.

[BhavnaNegi]

Dear Karen

You can add JS to the button form field to add functionality for your clients to select images/icons of their own choice.

To do so, please follow the steps below:

1. Goto Tools > Forms > Add a button field on the pdf. Right click > Properties Dialog

2. Goto Actions tab > Select "Run a Javascript" and add event.target.buttonImportIcon();

3. Click Ok and exit the form edit mode.

4. Now when you click on the button, you will see a browse dialog which will allow you to add images/icons of your choices.

Also, you rename the field and change the appearance of the button field via Appearance tab to make it look more like "upload an image" control than a greyed-button

Please note, You can only select images/icon and not edit the PDF in Adobe Reader.

I hope this help.

[Karen Thring]

Thanks so much for that Bhanvani. I was hoping to be able to provide a list of icons to the client - for instance,  for Fish icon to display, they simply type "F" into the button and that icon comes up. I would essentially provide a "Key' to the icons within the pack they purchase. Do you think that is possible? I have seen someone do something similar and it seems like such a user-friendly solution.

Best,

Karen

[Bernd Alheit]

Here a sample:

Shared Files - Acrobat.com

[Karen Thring]

Hi Bernd,

That looks great. But I am just unsure how I would "attach" the icons to select from. That is the element I am struggling with

Best,

Karen

[Karen Thring]

Probably a more succinct way to explain is I can attach a single pdf icon but cannot attach a stream for the client to run through as per your example

Karen

[Bernd Alheit · Accepted solution]

The sample has 3 buttons with their own icon. You can see this in the form edit mode.

[Karen Thring]

Got it!!!! Thank you!

[Karen Thring]

Hi Bernd,

I got it (pretty much!!!) Was able to copy and edit yours from the sample to my product (putting on transparent background and including blanks), all worked fine until I tried to add an extra icon Button 4 (Chicken). After closing form editing and saving as reader extended pdf, all is working perfectly except the chicken is not visible. I have been over and over but obviously missed a step?.  Have you any advice?

Best,

Karen

[Bernd Alheit]

In the properties of the buttons look under "Actions". The actions there shows the next button and hides the other buttons. You must add and change actions for extra buttons.

[Karen Thring]

Thank you! That was the missing link!

[Karen Thring]

Hi Bernd,

I am going a few steps further now and trying to make things a little easier when I have 20 plus buttons on top of one another. I found that I couldn't figure what was what. So instead, thought writing javascript would help after referring to other posts. I have called each button A, B, C etc.

This is what I have added as JavaScript in Actions to no avail (each being relevant to the correct button in the order) This being on button A. In this example I only have A, B, C,  D. Not sure where I have gone wrong.

Not sure where I have gone wrong.

// Show all of the B fields

getField("B").display = display.visible;

// Hide all of the A,C,D fields

getField("A,C,D").display = display.hidden;

event.target.buttonImportIcon();

Best,

Karen

[Karen Thring]

Dear Bernd,

Apologies, I have answered my own question and it was quite simple

this.getField("A").display = display.hidden;

this.getField("C").display = display.hidden;

this.getField("D").display = display.hidden;

this.getField("B").display = display.visible;

Thanks so much for your assistance!

Karen

[kbirus@etnocafe.pl]

Hi!
I'm currently struggling with a similar problem - I assume that you don't have the file anymore, since two years have passed, but could you kindly remind me what are the steps to follow to get what Karen needed? I'm trying out the JS script that Bhavna recommended but I can't make it work.

Best,

Kamila

[Bernd Alheit]

One sample:

Sample