A look at how to expand the use and knowledge of Acrobat (and other Adobe Products) through tips and tricks, real world use cases, and collaboration. A Great source of Acrobat knowledge.

How to use a Drop-down list to change Pictures?

_uacct = “UA-1416026-2”;
urchinTracker();

_uacct = “UA-1416026-1”;
urchinTracker();

Hello all, well this is a direct reference to a comment to that was on this site. ( So see, I do read them ), so the question was how to use a drop-down list to change an image in an Acrobat Form? Well click the more button to find out!

_uacct = “UA-1416026-2”;urchinTracker();_uacct = “UA-1416026-1”;urchinTracker();Ok I’m going to go right out and say it… jeezzz this is so hard…..Ok just got to let it out…Big deep breath…..Ok to have a Drop Down list select and show a certaingraphic within a form requires…………..a small amount of programming! Ok, I said it, yes you must write a little code to have it happen for you. Wow, I feel so cleansed! Invigorated even, because if you have the ability to write very basic conditional code, you will be able to get more things done much quicker! I’ll get off the soap box now and get on with it.This was a fun little task, because the Acrobat Designer is a very powerful program that allows you to be very flexible with your forms. There is a great resource for the Acrobat Designer Here and Here is a PDF of the Form Calc Users Ref. A must have for form creators! So here you go, I have also attached the finished form here for you to play with; Dropdown to Change Pix.

So let’s get started, First open the Adobe LiveCycle Designer (sorry Mac Users you do not have this one, I will show this process for standard Acroforms in a later post) and start a blank form.

Drag and Drop a Drop-Down Listany where on the page

Add a Text Field under the Drop-Down List

Under the Text Field add 3 Image Fields(Hint, it is alway a good idea to name your fields)

Your form should look like this:

Go in and add three images to the images fields, any thing is fine.You now need to open the Script Editor window by going to the Window pull down and select Script Editor, this will open a window that will allow you to add your code.Ok it gets tricky here so go slow;

Select the Drop-down List you placed on your form

Goto the Script Editor and select FormCalc as our language (on the right side) and where it says Show pull down and select Change as the event

Copy and paste the code below (Note: I changed the name of the image boxes)

Now you should be able to just click on the Preview PDF tab and run your code.That was pretty deep for a Monday morning, so have fun, don’t get to frustrated, check out the links I set up for you and you can download a version of the form here Form for Drop-down list to change images Have a good week, I am off to the PDF Central Conference, so try to put some life in your life, check out a soccer game on Fox Soccer Channel Let’s go FC Dallas! Go Cowboys!

Later allTim

If electricity comes from electrons, does that mean that morality comes from morons? – Unknown