Need more help with Acrobat DC?

Find tips and tutorials at Acrobat Support.

Basic Acroforms toolset: Create field validations and date pickers

Download a free toolset to help you build better forms using Acrobat DC or earlier versions.

By Jim Healy – May 3, 2010

 



In this tutorial, Jim Healy, founder of FormRouter Inc., presents a video and free tool set to help you build better forms using Acrobat DC and earlier versions. Simply download the toolbar, which is comprised of two tools: a date picker widget and pre-built field validations.

Basicacroformtoolset

Download 27.4 KB


Products covered:

Acrobat 9

Related topics:

PDF Forms, JavaScript

Top Searches:


27 comments

Comments for this tutorial are now closed.

Lori Kassuba

9, 2015-12-22 22, 2015

Hi Jonel Jones,

You might want to contact the folks at Form Router to see why this is occurring in Acrobat DC:

http://www.formrouter.com/

Thanks,
Lori

Jonel Jones

2, 2015-12-16 16, 2015

Using Acroforms toolset with Adobe DC, no fields show up on under field names for calendar.

Lori Kassuba

3, 2015-10-06 06, 2015

Hi Scott,

At this point, the level of JavaScript needed for the Date Picker is not supported on the iPad. Here is a link to the Reader Mobile JS API reference to let you know what is supported:
http://www.adobe.com/devnet-docs/acrobatetk/tools/Mobile/js.html#reader-mobile-js-api-reference

Thanks,
Lori

Scott

8, 2015-10-02 02, 2015

Yep good tool for the PDF Forms.

Works well in XPro on web and descktop PC’s
Unfortunately doesnt work with iPads.
I am trying to find a script or widget that can be used
to apply a calendar or date picker feature to Forms that
will be placed on iPads. iPads dont allow certain Javascript
functions to work.
Any help much appreciated.

Lori Kassuba

3, 2015-05-20 20, 2015

Hi Megan,

Can you post your question here and select the JavaScript category so our experts can help you?
https://answers.acrobatusers.com/AskQuestion.aspx

Thanks,
Lori

Megan

8, 2015-05-17 17, 2015

I am trying to add a custom validation to a date picker that will not allow the user to select a prior dated date.  Any suggestions?  Really love this tool!

Lori Kassuba

1, 2014-09-09 09, 2014

Hi Alfredo Baker,

This tutorial and toolbar is specific to Acrobat 7,8, or 9 but it can work in later versions. Here are the JavaScript locations for later versions on the Mac:
/Users/USER/Library/Application\ Support/Adobe/Acrobat/11.0/JavaScripts (with USER being your user name)
/Applications/Adobe Acrobat XI Pro/Adobe Acrobat Pro.app/Contents/Resources/JavaScripts/

Thanks,
Lori

Alfredo Baker

7, 2014-09-07 07, 2014

Hi Jim.  I have Adobe Acrobat Pro XI for Mac.  I am having a problem locating the JavaScript folder as it does not appear under the Acrobat Folder.  Do you know where is its location?
I did:
- User….
- Library,
- Application Support
- Adobe
- Acrobat
- 11.0
And there is not folder labeled JavaScript.

You help is greatly appreciated.  Thanks

Catherine Ferron

6, 2013-05-17 17, 2013

Very nice,thank you, I really don’t understand why it is not included in the actual tool bar… but I would like to have it in french, is it possible? Can i do something in the script?

Sally

3, 2013-05-05 05, 2013

Hi there,
Fantastic tool.  The date picker makes life so much easier.  Hard to believe that it does not come standard with Acrobat pro.  I have seen the question asked a couple of times about trying to find a way to make the calendar disappear once you click away from it.  I am not sure if there is an answer listed.  Can anyone help?

Isabella

11, 2013-04-11 11, 2013

I added 3 date fields on one PDF page. Only the first date picker works. The second and third shows a calendar, but I cannot pick a date (only a pointer, no hand). What did I do wrong?

Jim Healy

8, 2013-03-05 05, 2013

Joyce,

This may be occurring because you are installing the Date Picker into fields on a multi-page PDF form.

If you are placing Date Pickers on more than the first page in your PDF, then you need to copy the block of calendar fields onto each page manually. Here is how:

1. Install a Date Picker onto a field in your form using the Date Picker Widget
2. Go to Tools>Forms>Edit mode to see all the fields
3. Copy and Paste the entire block of fields that make up the calendar to all other pages on your form that you wish to use the Date Picker with.

Note: The fields that make up the calendar block all start with “FR_00000_Calendar”. The block looks like a calendar made of form fields (because it is).

- Jim

Joyce Milelr

4, 2013-03-04 04, 2013

I’m having problems with the date picker in Pro XI.  Does this add-in work Acrobat Pro XI?  The dates do not appear when trying to get the calendar to load.

Jim Healy

9, 2013-01-25 25, 2013

Dave and Dan,

How to get the date picker to sit on top of all other fields:
1. Go to forms edit mode in Acrobat.  Forms>Edit
2. In the list of fields make sure that all the fields that start with “FR_” are at the end of the page. If not, then move your fields above them.
3. Select “Preview” and test the date picker again.

How to remove the date picker fields from a page on your form:
1. Go to forms edit mode in Acrobat.  Forms>Edit
2. In the list of fields, delete all the fields that start with “FR_00000_Calendar” on the page. 

Dan

2, 2013-01-18 18, 2013

how can i delete the script from an existing form?
having problems with saving the file now, and when you open it, a “ghost-like” calendar appears on the form and prints that way
just want to get rid of it altogether but, even deleting all the known
files, entries it still seems to be locked into the pdf file

Stuart

12, 2013-01-02 02, 2013

Hi Jim,

I downloaded and installed your toolset, but when I tried to open Acrobat Pro XI, the debugger pops up with the following:

Exception in line 1540 of function top_level, script Folder-Level:App:FR1AddAdvancedFieldsSetup.js
Exception in line 1154 of function top_level, script Folder-Level:App:FR2AcroCalendarSetup.js
Exception in line 841 of function top_level, script Folder-Level:App:FR3AddMainFieldsSetup.js
Exception in line 504 of function top_level, script Folder-Level:App:FR4AddChildTablesSetup.js
Exception in line 576 of function top_level, script Folder-Level:App:FR5AddTextFieldValidation.js
Exception in line 357 of function top_level, script Folder-Level:App:FRGreenButtonSetup.js

Being a javascript novice, I’m not sure how to resolve this.
Any help would be greatly appreciated.

Stuart

Dave Berendt

7, 2013-01-01 01, 2013

Great tools!
I am having one problem with the Calender picker…
* Calender appears in backgroud and other fields are on top
* Cannot pick a date because of this

thanks

Stephen C

4, 2012-12-22 22, 2012

I am using Adobe 9 Pro and have added the AcroForms toolset. I can’t seem to get the date picker to show any fields in the dropdown list. What am I doing wrong?

Paul Reinhardt

5, 2012-12-11 11, 2012

Jim, thanks.
The toolbar does work even if not in Form-edit mode .

I misunderstood.

Paul R

Jim Healy

8, 2012-12-10 10, 2012

Paul,

The tools work fine even if you are not in Forms Edit Mode. I often go to Tools>Select Object so that I can see all the fields and their names and location on my form. Then I use the Add-on Tools.

- Jim Healy

Paul

3, 2012-12-06 06, 2012

Hi, Jim.
I read your response to Javier, as I also use Acrobat X Pro.  I put the elements from the Acroform Toolset in Quick Tools.  My problem is that neither Quick Tools nor Add-on Tools are available in form edit mode.  So, they do not help me at all.  Is there some workaround?

Thanks.

Jim Healy

3, 2012-11-14 14, 2012

Dan,

At this time, this is not built into the tool. We will update the tools soon and will try to see if this is possible.

Jim Healy

Jim Healy

5, 2012-11-12 12, 2012

Steve,
Yes, the Basic Acroforms Toolset work with Acrobat XI Pro.
After the tool are installed, they will show up under Tools>Add-on Tools. if you are in Form Edit mode you will not see the Add-on Tools, so you will need to exit Form Edit mode to use the Basic Acroforms Toolset.

For video instructions on how to use the Acroform Toolset go to:
http://www.formrouter.com/tools/index.html

Jim Healy

Steve

12, 2012-10-16 16, 2012

Does the Basic Acroforms toolset work with Acrobat XI Pro?

Dan

2, 2012-09-03 03, 2012

Just wondering about:
2. Is there a way to hide the widget if no date is selected? My end-users would like to be able to just click elsewhere on the form and the widget would go away.

Damion McIlwain

3, 2012-08-14 14, 2012

Hello Jim,

I’ve been using your FormRouter toolset for quite sometime, and overall, have to come to appreciate what it can do, and the added benefits it can bring to an Acroform. I’ve been working on a new forms library for my company, where I’ve been laying the forms out in InDesign, outputting static or regular PDFs, then adding form fields to those in Acrobat 9 to make my working Acroforms. I’ve been incorporating the Date Picker Widget, and love it’s functionality as always. Needless to say, there has been some things brought to my attention about it, by other users and members of my managerial staff. They are as follows:

1. There appears to be a date missing for the month of August, 2012. It doesn’t show the ‘31st’ button for users to click on. I’ve tried cleaning up the form and adding the widget again, and still get the same result.

2. Is there a way to hide the widget if no date is selected? My end-users would like to be able to just click elsewhere on the form and the widget would go away.

Any response regarding these issues would be greatly appreciated. Thank-you.


Hi Damion,

Go to your document level JavaScripts located in Acrobat 9 at:
Advanced>Document Processing>Document JavaScripts

Select the JavaScript named “FRCalendarCLass” and click “Edit”

In the code look for:

case 8: //“August”:
  numDays = 30;
  break;

Change numDays to = 31 from 30

Save the JavaScript and you should be all set.

Thanks,

- Jim Healy, Founder & Co-CEO

Miriam Tkaczynski

11, 2012-08-06 06, 2012

Hi Jim

Thanks for your quick response. I am in the field that you have mentioned about Run Custom Validation script. I have copied in the script but it is giving me an error message saying Syntax Error: illegal character 3: at line4. This is at event.rc=true;

Also, do I copy the // at the start and the end or just from if(event value). Appreciate your help!

Jim Healy

8, 2012-08-02 02, 2012

Miriam,

Add this “custom validation script” to the field that you would like to validate for being a Friday.

To find the “custom validation script” in Acrobat go to:

Properties>Validate(tab)>Run custom validation script>Edit(button)

//

if(event.value == null || event.value == “”) {
  event.rc = true;
}
else {
  var d = new Date(event.value);
  if(d.getDay() != 5) {
  app.alert(‘This field only allows you to choose Friday\‘s’);
  event.rc = false;
  }
  else
  event.rc = true;
}

//

Miriam Tkaczynski

4, 2012-08-02 02, 2012

Thanks for your video. I am wondering whether I can use this custom validation field to make it only able to put dates in that are on a Friday. Is this possible? I have the add-on that you are using.

Javier

10, 2012-06-25 25, 2012

Hi, I wonder if your Acroforms toolset works in Adobe Acrobat Pro X. Is there any upgrade?

Regards,

Javier

Hi Javier,

The Acroform Toolset will work with Acrobat X.

How to install:

1. Download and unzipping the folder with the Acroform Toolset JavaScripts
2. Copy the JavaScript files into your Acrobat JavaScript directory.
  For most users this can be found at:
  C:\Program Files (x86)\Adobe\Acrobat 10.0\Acrobat\Javascripts\
3. Close and open Acrobat X
4. Go to View>Tools>Plug-In Add-on Tools

Note: The Plug-In Add-on Tools do not show up when in Forms Edit mode. You
must close Forms Edit to see this toolbar.

For video instructions on how to use the Acroform Toolset go to:
http://www.formrouter.com/tools/index.html

Jim Healy

Paras

10, 2012-06-12 12, 2012

Great Tool,

Will this work with Adobe Acrobat X Professional?

Also, will the date picker control work with Adobe Reader 8+?

thanks

Comments for this tutorial are now closed.