Find tips and tutorials at Acrobat Support.
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.
Products covered: |
Acrobat 9 |
Related topics: |
PDF Forms, JavaScript |
Top Searches: |
Convert existing forms to fillable PDFs fill and sign any formEdit PDF create PDF Action Wizard |
Try Acrobat DC
Get started >
Learn how to
edit PDF.
Post, discuss and be part of the Acrobat community.
Join now >
27 comments
Comments for this tutorial are now closed.
Lori Kassuba
9, 2015-12-22 22, 2015Hi 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, 2015Using Acroforms toolset with Adobe DC, no fields show up on under field names for calendar.
Lori Kassuba
3, 2015-10-06 06, 2015Hi 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, 2015Yep 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, 2015Hi 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, 2015I 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, 2014Hi 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, 2014Hi 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, 2013Very 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, 2013Hi 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, 2013I 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, 2013Joyce,
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, 2013I’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, 2013Dave 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, 2013how 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, 2013Hi 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, 2013Great 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, 2012I 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, 2012Jim, thanks.
The toolbar does work even if not in Form-edit mode .
I misunderstood.
Paul R
Jim Healy
8, 2012-12-10 10, 2012Paul,
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, 2012Hi, 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, 2012Dan,
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, 2012Steve,
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, 2012Does the Basic Acroforms toolset work with Acrobat XI Pro?
Dan
2, 2012-09-03 03, 2012Just 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, 2012Hello 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, 2012Hi 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, 2012Miriam,
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, 2012Thanks 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, 2012Hi, 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, 2012Great 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.