Building My Pizza PDF Form

Transcription

1 Building My Pizza PDF Form Howard Strauss OIT Princeton University Copyright Howard Strauss 2003.This work is the intellectual property of Howard Strauss. Permission is granted for this material to be shared for non-commercial, educational purposes, provided that this copyright statement appears on the reproduced materials and notice is given that the copying is by permission of the author. To disseminate otherwise or to republish requires written permission from the author.

2 Overview Build the Word document Convert it to PDF Add the fields and attributes Add a reset and submit button Try it! Advanced topics tabs, dates, customized JavaScript At

3 Build the Word document WordArt title Colored text Radio buttons for positioning Hidden table for alignment with text and image Visible table with text Link to

4 View the Toolbars Choose the View Menu Select Toolbars Check Standard, Formatting, Drawing and others you d like.

5 View the Toolbars Alternatively Right click anywhere on the menu bar Check Standard, Formatting, Drawing and others you d like.

6 Build the WordArt Title Choose the WordArt Icon Select a WordArt style Click OK

7 Build the WordArt Title Enter your text. Select the font, size, bold, italic. Click OK. Use handles to resize object. Position object (or rotate it) using standard MS Word tools.

8 Add Colored Text Enter and position text: Select text Use icon to choose color. Viola!

9 Add Buttons for Positioning Select the rectangle or oval tool. Drag and hold down the shift key to constrain to a square or circle. Make buttons smaller than actual. They will be covered over by PDF buttons.

10 Add Invisible Table for Positioning Choose Table, Draw Table. Cursor will change to a pencil. Draw the outline of the box by dragging the pencil from corner to opposite diagonal corner.

11 Add Invisible Table for Positioning Use pencil to draw vertical line. Use pencil to draw horizontal lines. Approximate is ok. Fill in text and temp buttons. Set colors, fonts, etc.

12 Get an Image Use an image you have or use Google to get one. Be sensitive to others intellectual property rights!

13 Insert the Image Save the image if you fetch one. Position cursor in cell. Choose Insert, Picture, From File Browse for picture and insert it. Resize image if needed.

14 The Picture Tool Bar Insert Picture Color More contrast Less contrast Brighter Less bright Crop Rotate left 90 Line style Compress picture Text wrapping Format picture Set Transparent Color Reset picture

15 Make Table Invisible Adjust the cells as needed. Select the table, right click, choose Borders and Shading.

16 Make Table Invisible Choose Borders tab, select None, click OK. Table is now invisible. Gray lines will not display in PDF form or print.

17 Add Visible Table with Text Choose Table, Insert Set number of rows and columns. Click OK. Enter text. Set font, size, bold, and color.

18 Add Visible Table with Text Select table, right click. Choose Borders and Shading.

19 Add Visible Table with Text Set settings and click OK.

20 Add Visible Table with Text Adjust cell size if needed by holding down the mouse on a cell edge and moving the edge. The completed table.

21 Build a Hypertext Link Select the text or image. Choose the Insert Hyperlink Icon Choose Web Page, Browsed Pages, enter the URL and click OK.

22 Convert the Word Document to PDF Use the Acrobat Icon in Word to convert to PDF. Save PDF file.

23 Display the Acrobat 6 Toolbar

24 Acrobat 6 Toolbar Text Zoom Rotate Help Forms Pointer Snap Shot Zoom Button Check Box Combo Box List Box Radio Button Text Field Signature Crop Link Forms Movie/sound Text touchup Select area and copy to clip board

25 Add a Text Field General Tab Select the Text Field Tool Drag a rectangle. Use General tab. Set Name Add Tooltip Set Required

26 Add a Text Field - Appearance Appearance tab. Set Borders and Colors. Set Font Size. Set Font. Set Text Color.

27 Add a Text Field - Options Options tab. Set Alignment. No Default Value for Name. No Check spelling for Name. Set other options.

28 Add a Text Field other tabs Actions tab not often used for Text fields. Format tab. Select None as format category. Validate and Calculate tabs not often used for Text fields. Click Close. Try it!

29 Add a Date Field Select Text Field Tool, drag rectangle, fill in General, Appearance, Options, Actions, Validate and Calculate tabs as for a plain text field. Names are required and usually are unique! For Format tab, choose Date category and mm/dd/yy option. Try it.

30 Add a Time Field Select text tool, drag rectangle, fill in General, Appearance, Options, Actions, Validate and Calculate tabs as for a plain text field. Names are required and must be unique! For Format tab, choose Time, h:mm tt or HH:MM. Try it.

31 Add Radio Buttons A group of radio buttons must have the same Name. Select the Radio Button tool. Drag a rectangle. Use General tab. Set Name Add Tooltip Use Appearance tab if needed.

32 Add Radio Buttons For Options tab. Choose Button Style. Choose Export Value different for each crust button. Make Thin checked by default. Action tab rarely used for radio buttons. Do other buttons and try it!

33 Add Check Boxes Select the Check Box tool. Drag a rectangle. Use General tab. Set Name Add Tooltip Use Appearance tab if needed.

34 Add Check Boxes For Options tab. Choose Check Box Style. Choose Export Value of 1 for each check box. No default. Action tab rarely used for check boxes. Do other buttons and try it!

35 Add Toppings Fields Select Text Tool, drag rectangle, fill in General, Appearance, Actions, and Calculate tabs as for a plain text field. Call fields thintop, thicktop, siciliantop. For Format tab, choose Number and set options.

36 Add Toppings Fields For Options tab. Set Alignment. Set Default Value. For Validate tab. Choose range. Set range to 0 to 3. Build other Toppings fields.

37 Add Unit cost Fields Select Text Tool, drag rectangle, fill in General, Appearance, Actions, and Calculate tabs as for a plain text field. Call fields thinunit, thickunit, sicilianunit. Set Read Only in General tab.

38 Add Unit cost Fields For Format tab. Choose Number and set options. For Options tab. Set Alignment. Set Default. Do other Unit cost fields. Set unique defaults.

39 Add Calculated Cost Fields Select Text Tool, drag rectangle, fill in General, Appearance, Actions, and Validate tabs as for a plain text field. Call fields thincost, thickcost, siciliancost. Set Format tab as for Unit Cost fields.

40 Add Calculated Cost Fields For Calculate tab, check Simplified field notation. Click EDIT. Enter calculation using field names and click OK and Close. (+-*/ and parens)

41 Calculated Fields Try it! Do the other Cost fields.

42 Add a Reset Button Select Button Tool and drag rectangle at bottom of form. For General tab. Set Name and Tooltip.

43 Add a Reset Button For Appearance tab. Set options. For Options tab. Set Label. This is text for button.

44 Add a Reset Button For Actions tab. Choose Mouse Up. Select Action: Reset a form. Click Add Select fields and click OK.

45 Add a Submit Button Select Button Tool and drag rectangle at bottom of form. For General tab: Set Name and Tooltip. Set Appearance tab. Set button text in Options tab.

46 Add a Submit Button For Actions tab. Choose Mouse Up. Select Action: Submit a form. Click Add Enter URL. Choose HTML. Click OK. cgi-bin/princeton/formreply?howard@princeton.edu

47 Advanced Acrobat Topics

48 Dealing With Tab Order Fields will tab in the order they are created by default. Add a field out of order and you may want to change this. Tab order is set for each page. Choose - (for each page) Row order Column order Document structure Unspecified (default)

49 Tab Order Click Pages tab. Page thumbnails will display.

50 Tab Order Select the page. Right click a page thumbnail. Select Page Properties

51 Tab Order Choose row, column, or unspecified (document structure is very advanced). Repeat this for each page.

52 Custom Tab Order Supported in Acrobat 5 Not supported in Acrobat 6.0 Must use Acrobat or later! Use Help menu then About Acrobat to check version and Updates to get latest updates.

53 Custom Tab Order Ensure that you have Acrobat or later. Ensure that a custom tab page has Unspecified tabs selected.

54 Custom Tab Order Select Tools, Advanced Editing, Select Object Tool

55 Custom Tab Order All Form Objects will be selected. Right click on any one and select Set Tab Order.

56 Custom Tab Order Each form object will be numbered.

57 Custom Tab Order Click on the objects in the order you want the tabs to work. The first object you click on will tab first. Click anywhere outside an object when you are done.

58 Add a Today s Date Field Select a Date field. Choose Custom calculation script on Calculate Tab. Click Edit

59 Add a Today s Date Field Insert this in a custom calculation event.value = util.printd( mm/dd/yy, new Date () ) mm/dd/yy or dd/mm/yy or mmm dd yyyy and others.

60 Add a Today s Time Field Select a Time field. Choose Custom calculation script on Calculate Tab. Click Edit

61 Add a Today s Time Field Insert this in a custom calculation event.value = util.printd( h:mm tt, new Date () ) A few other printd values mmm Oct short month ddd Tue short day yyyy 2004 long year HH hours in 24 hour time

62 Add an Invisible Calculated Field Select the Text Field Tool. Drag a rectangle. Set Read Only in General tab. Set Hidden. Tooltip will not display while field is hidden. Set other tabs as needed.

63 Add an Invisible Calculated Field Set Simplified field notation in Calculate tab. Click EDIT. Add up the check box fields Export Values. Each should be set to 1. Toppings field will have the number of toppings selected.

64 Add an Invisible Calculated Field If the toppings field were visible, here s how it would look:

65 Add a Custom JavaScript The Cost is the Unit cost multiplied by toppings our invisible field. But we have three different costs one for Thin, Thick, and Sicilian. We d like to calculate only one cost based on which crust is selected and have the others set to zero. For no toppings for now the pizza is free.

66 Add a Custom JavaScript How to do this: Put toppings into field thintop (the field under Toppings on the first row) if thin crust (the radio button) is selected, otherwise set thintop to 0. Put toppings into field thicktop if thick crust is selected, otherwise set thicktop to 0. Put toppings into field siciliantop if Sicilian crust is selected, otherwise set siciliantop to 0.

67 Add a Custom JavaScript

68 Add a Custom JavaScript to thintop Enter custom script here. 3 4

69 The JavaScript Script

70 The Script Explained var crust = this.getfield("crust") var toppings = this.getfield("toppings") var thintop = this.getfield("thintop") For each field that you need to use, enter a statement of the form: varmyfield= this.getfield( myfield ) Case is critical! This makes the fields available to your script.

71 The Script Explained - IF if (condition) { do this } else { do that } If the condition is TRUE then do the script at do this. If the condition is NOT true then do the script at do that. If the do that script is a single statement, then the { } are optional.

72 The Script Explained if (crust.value == "thin") { thintop.value = toppings.value } else thintop.value = 0 myfield.value is the current value of myfield a.value= b.valuemeans change the value of a to the value of b crust.value == "thin is TRUE if the value of crust is thin

73 The Other Two Scripts

74 For More Information /acrobat (609) Adobe Acrobat 6 PDF Bible Ted Padova