PDF Expenses Form
Projects
11
Custom form validation (optional)
In our fictitious company, assume that employee numbers consist of two
letters followed by three numbers—for example, JB007. We want to
ensure that employees type this exact format, so we need to somehow
validate the data entered. PagePlus PDF forms allow you to validate form
data in two different ways, both by means of theValidate tab in the
Form Field Properties dialog:
Simple validation—Use this for
numeric fields to restrict the number
range that users can enter by setting
minimum and maximum values. We’ll
demonstrate this later.
Custom validation—This more
advanced validation can be applied to text
fields and editable combo boxes and
requires use of JavaScript code. We’ll use
an example of JavaScript code to validate
our ‘Employee No.’ field.
· Follow the steps outlined
previously in “To create a
text field” to add a text
field below the ‘Employee
No.’ label.
· Follow the steps outlined
in theTo set the properties
of a text field section to set
the properties on the
General and
Appearance tabs.
Your ToolTip should tell
the user that they must
enter the correct format.
· On theOptions tab, set
theLimitLength value to
5.
To denote a particular list
item as the ‘default’ value, select
the item in the Item list:box,
and then clickUse selected list
item as default.
To allow users to enter their
own items rather than selecting
one from the predefined list,
select theEditable check box.
Break a pdf file - Split, seperate PDF into multiple files in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Explain How to Split PDF Document in Visual C#.NET Application
combine pages of pdf documents into one; pdf split pages
Break a pdf file - VB.NET PDF File Split Library: Split, seperate PDF into multiple files in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
VB.NET PDF Document Splitter Control to Disassemble PDF Document
a pdf page cut; break pdf into multiple documents
PDF Expenses Form
Projects
12
We’re now ready to add the validation.
To add a custom validation script
1 In theForm Field Properties dialog, on theValidate tab:
· ClickCustomvalidation script.
· In theCustom validation script box, type the following JavaScript
codeexactly:
This code checks that users
have typed the correct
format, and presents them
with an error message if they
have not.
2 ClickOK to close the
Form Field Properties
dialog.
var str = event.value;
if(!str.match("^[A-Z][A-Z][0-9]+$"))
{
app.alert("Type your Employee Number in the format XX999");
}
The development of JavaScript code is beyond the scope of this project. For more
information, including theAcrobat JavaScript Scripting Reference Guide, go to
http://partners.adobe.com/public/developer/pdf/topic_js.html
Some custom JavaScript may not be supported by certain versions of Acrobat Reader.
You should test all forms in the Acrobat software used by your target audience
C# PDF Convert: How to Convert Jpeg, Png, Bmp, & Gif Raster Images
Success"); break; case ConvertResult.FILE_TYPE_UNSUPPORT: Console.WriteLine("Fail: can not convert to PDF, file type unsupport"); break; case ConvertResult
break password on pdf; break a pdf into separate pages
C# Image Convert: How to Convert Word to Jpeg, Png, Bmp, and Gif
RasterEdge.XDoc.PDF.dll. case ConvertResult.NO_ERROR: Console.WriteLine("Success"); break; case ConvertResult Fail: can not convert to JPEG, file type unsupport
pdf no pages selected to print; break a pdf into smaller files
PDF Expenses Form
Projects
13
Using radio buttons
For the ‘Reimbursement Method’ field, we could ask users to type their
preferred method into a text field, or select it from a list.
There is another type of form field,
however, that is particularly suited to
this type of data: theradio button.
We want employees to choose one of
two reimbursement methods—direct
deposit or cheque. We’ll create a radio
button for each option.
To create a radio button
1 On the Formtoolbar, click
Radio Button.
2 Move the cursor below the ‘Reimbursement requested by:’ label, click
once to add the field.
3 Repeat to insert a second button.
Great, we’ve created our radio buttons.
Now we need to set their properties.
To set the properties of a radio button
1 Double-click the left radio button to open theForm Field
Propertiesdialog.
2 On theGeneral tab:
· In theName box, replace ‘Radio1’ with ‘Direct_Deposit.’
· In the ToolTip box, type a brief sentence telling users how to use
this field. For example, “Select this option to have your expenses
reimbursed directly into
your bank account.”
· At the bottom of the
General tab, in the Field
Group box, delete
‘Radio1,’ and replace it
with a new group name—
’Reimbursement_Method.’
Radio buttons
Use radio buttons when you want
the user to select a single mutually-
exclusive option from a group of
two or more options—Yes/No,
Often/Sometimes/Never, etc.
C# PDF Page Insert Library: insert pages into PDF file in C#.net
Offer PDF page break inserting function. offers easy & mature APIs for developers to add & insert an (empty) page into an existing PDF document file.
acrobat split pdf bookmark; split pdf
VB.NET PDF Page Insert Library: insert pages into PDF file in vb.
Offer PDF page break inserting function. And this page will give comprehensive VB example codes to create a new page to any designed location of the PDF file.
pdf split pages in half; acrobat separate pdf pages
PDF Expenses Form
Projects
14
TheField Group option is unique to
radio buttons. To operate correctly,
radio buttons that are intended to be
grouped must belong to the same
field group. We’ve just created a new
‘Reimbursement Method’ group,
which will contain both of our radio
buttons.
1 On theAppearance tab, change the
Fontsize to10 pt.
ClickOK to close theForm Field
Properties dialog.
3 Repeat the previous steps to set the properties for the second radio
button:
· Name the button ‘Cheque’.
· Add an appropriate ToolTip,
e.g., ‘Select this option to
have your expenses
reimbursed by cheque’.
· Add the button to the
‘Reimbursement_Method’
field group by selecting it
from the drop-down list.
· Change the font size to
10 pt.
We’ve made and configured our radio buttons, now we need to label them
appropriately.
1 On the Tools toolbar, click the
Standard Text Frame, then
click and drag to insert a frame to the right of the first radio button.
2 In the text frame, type ‘Direct deposit’, and then click and drag to
select the text (or pressCtrl+A).
3 On the Text context toolbar, choose the font size and style for your
label (we’ve used a 10 ptsans serif font), and click the
Bold button
to bold the text.
On theOptions tab, you
can:
· Change the style of your radio
button—choose from Circle,
Check, Cross, Diamond, Star,
or Square.
· SelectChecked by default if
you want the radio button to
display as selected when the
user opens the form.
C# TWAIN - Query & Set Device Abilities in C#
TWSX_NATIVE; // See if the device supports file transfer. device.TwainTransferMode = method; break; } if (method == TwainTransferMethod.TWSX_FILE) device
break pdf into pages; acrobat split pdf pages
C# TWAIN - Install, Deploy and Distribute XImage.Twain Control
RasterEdge.XDoc.PDF.dll. See if the device supports file transfer device. TwainTransferMode = method; break; } if (method == TwainTransferMethod.TWSX_FILE)
pdf format specification; break a pdf file
PDF Expenses Form
Projects
15
Repeat these steps to create a
second label for the ‘Cheque’ radio
button.
Aligning objects
Our employee details form
fields and labels are in place,
but the form would look
better if the objects were
aligned. PagePlus provides a
precise method of aligning
objects on a page using the
Aligntab.
To align objects using the Align tab
1 Press and hold down theShift key, then use the
Pointer tool to
click on each of the four label text objects—‘Name,’ ‘Department,’
‘Employee No.,’ and ‘Reimbursement requested by.’
2 On theAligntab, ensureRelative
to: is set toSelection. Click
Top.
3 Repeat step1 to select all the form
fields, including the radio buttons and
their labels.
4 On theAlign tab, click
Centre
Vertically.
All of the text objects and form fields are now precisely aligned at the top
of our page.
Our employee details section is complete. Let’s now move on to the
expenses section.
Precise alignment is one key to professional
layout. Use menu commands or theAlign tab
to align the edges of any two or more objects
with one another; space them out at certain
intervals; or align objects with a page margin.
C# TWAIN - Acquire or Save Image to File
RasterEdge.XDoc.PDF.dll. is necessary in order to set the file format later Group4) device.Compression = TwainCompressionMode.Group3; break; } } acq.FileTranfer
break up pdf file; add page break to pdf
C# TWAIN - Specify Size and Location to Scan
How to Save Acquired Image to File in C#.NET with in frames) { if (frame == TwainStaticFrameSizeType.LetterUS) { this.device.FrameSize = frame; break; } } }.
break pdf into single pages; pdf split
PDF Expenses Form
Projects
16
Step 5: Creating the expense details section
We want to present this section of the form in tabular format. We’ll begin
by adding a ruler guide, then we’ll add five text frames for our form field
labels. These labels will act as the column headings for our expenses table.
To create and align column headings
1 Click on the horizontal ruler, and drag down to
add a ruler guide at the 6 cm mark.
2 On the Tools toolbar, click the
Standard
Text Frametool, then click and drag to insert
a frame beneath the ‘Name’ form field, at the
point where the ruler guides intersect.
3 In the text frame, type ‘Date’, and then click and
drag to select the text (or pressCtrl+A).
4 On the Text context toolbar, choose the font size and style for your
heading (we’ve used a black 10 pt sans serif font), and click the
Bold button to bold the text.
5 Using this text object as a template, copy and paste it to create text
frames for the ‘Description,’ ‘Category,’ Amount,’ and ‘Receipt
attached’ labels.
6 Position the labels as illustrated.
7 If necessary, use the process described previously to align the column
headings.
Our column headings are in place so we’re ready to make our table. We’ll
use a few different types of form fields here—text fields for Date,
Description, and Amount; a combo box for Category; and a check box for
Receipt attached. We’ll create the first row of our table and then copy and
paste it to create the others. We’ll summarize procedures that we’ve
already explained, but go back and refresh your memory if you need to.
PDF Expenses Form
Projects
17
To create a text field and set its properties
1 On the Form toolbar, click the
Text Field button and insert a
text field under the ‘Date’ label.
2 Right-click the text field, and click
Form Field Properties(or double-
click the field).
3 On theGeneral tab:
· Overwrite theName text with your own identifier.
· Add the following ToolTip: “Type the date of the expense in the
format dd/mm/yyyy.” (You’ll understand why in a minute.)
4 On theAppearance tab:
· Change theLine Style to ‘Solid.’
· Choose the format of the user-typed text (we used 10 pt Arial).
5 On theOptions tab:
· Clear theDefault Text box.
· Select theLimit Length check box, and type ‘10’ in the box.
· Clear all other options.
6 On theFormattab:
· In theFormat as drop-
down list, selectDate.
· In theDate formatlist,
selectdd/mm/yyyy
(now our ToolTip makes
sense!). ClickOK.
7 Repeat these steps to
create two more text fields
for ‘Description’ and
‘Amount,’ and then
position them under their
respective labels.
PDF Expenses Form
Projects
18
8 Right-click the ‘Description’ text field, clickForm Field Properties
and make the following changes:
· On theGeneral tab, type a name and an appropriate ToolTip for
this field.
· On theAppearance tab, select aSolid line style and choose the
font name and size you used for your ‘Date’ field.
· On theOptions tab, delete the default text, set theLimitLength
to 50, and clear all other options.
9 Right-click the ‘Amount’ text field, clickForm Field Propertiesand
make the following changes:
· On theGeneral tab,
type a name and an
appropriate ToolTip.
· On theAppearance
tab, select a solid line
style; choose the font
name and size you used
for your ‘Date’ field.
· On theOptions tab, in
theAlignment list,
select ‘Right.’ Clear all
other options.
· On theFormat tab:
Format as: Number
Decimal places:2
Separator style:
9,999.99
Currency symbol:
None
Negative numbers:
Use red text
PDF Expenses Form
Projects
19
Our text fields are in place,
but we still need to align them.
Before we do this, let’s create
the form fields for ‘Category’
and ‘Receipt attached.’ We
can then group all of these
expense form fields and align
them in one step. We’ll use a combo box for the expense category
because we want our users to select a category from a predefined list—
Accommodation, Entertainment, Meals, Supplies, Telephone, Travel, and
Other. (We have already created a combo box for the ‘Department’ field
so the process will be familiar to you.)
To create a combo box and set its properties
1 On the Formtoolbar, click the
Combo Box button and add a
combo box under theCategory label.
2 Right-click the combo box and clickForm Field Properties.
On theGeneral tab:
· Overwrite the currentNamewith your own unique identifier. We
used ‘ExpenseCategory1.’
· Add the following ToolTip: ‘Click the arrow and select an expense
category’.
On theAppearance tab:
· Change theLine Style toSolid.
· Choose the format of the list box text (we used10 pt Arial).
On theOptionstab:
· In theItem box, type
‘Accommodation,’ and
then clickAdd.
· Repeat this process to
add ‘Entertainment,’
‘Meals,’ ‘Supplies,’
‘Telephone,’ ‘Travel,’
and ‘Other’ to the list.
There are a variety of different types of
form fields, some of which we will cover in this
project. For in-depth information and a list of
all the form field types, seeHow to create PDF
Forms in online Help.
PDF Expenses Form
Projects
20
· In this case, don’t select theSort itemscheck box because we
don’t want the list items sorted alphabetically—we want ‘Other’ to
appear at the bottom of our list.
· We don’t need to change anything on the other tabs, so clickOK to
close theForm Field Properties dialog.
Our last item is ‘Receipt attached’. We want to know if the user is
attaching a receipt for a particular expense. The best choice for this field is
thecheck box.
To create a check box
1 On the Form toolbar, click the
CheckBox
button.
2 Move the cursor just below and to the right of
the ‘Receipt attached’ label. Click once to insert
the field.
To set the properties of a check box
Right-click the check box, and then
clickForm Field Properties.
2 On theGeneral tab:
· Overwrite the currentName with
your own unique identifier. We
used ‘Receipt1.’
· In theToolTipbox, type ‘Click
this box if you are attaching a
receipt’.
3 On theAppearance tab:
· Change theLine Style toSolid.
· In theFontsize drop-down list,
choose the size you used for your
other form fields.
Check boxes
Check boxes are boxes
containing a simple check, cross,
or other symbol. The form user
clicks once to select or clear the
box. Check boxes are great for
simple Yes/No questions, such as
“Do you want to be notified of
any upcoming events in the
future?” They are also ideal when
you want your users to be able
to multiple-select a series of
options displayed side by side.
For example, “Check all the
events that are of interest to
you.”
Documents you may be interested
Documents you may be interested