pdf viewer c# winform : Add image pdf acrobat control SDK platform web page wpf .net web browser pdf-expenses-form1-part2312

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 the Validate 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 the To 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 the Options tab, set
the Limit Length value to
5.
To denote a particular list
item as the ‘default’ value, select
the item in the Item list:box,
and then click Use selected list
item as default.
To allow users to enter their
own items rather than selecting
one from the predefined list,
select the Editable check box.
Add image pdf acrobat - insert images into PDF in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Sample C# code to add image, picture, logo or digital photo into PDF document page using PDF page editor control
add a jpg to a pdf; adding images to pdf
Add image pdf acrobat - VB.NET PDF insert image library: insert images into PDF in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
Guide VB.NET Programmers How to Add Images in PDF Document
add jpg to pdf form; add photo to pdf for
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:
· Click Custom validation script.
· In the Custom validation script box, type the following JavaScript
code exactly:
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 the Acrobat 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
.NET PDF Document Viewing, Annotation, Conversion & Processing
Convert image files to PDF. File & Page Process. Annotate & Comment. Add, insert PDF native annotations to PDF file. Support for all the print modes in Acrobat PDF
how to add an image to a pdf file; how to add an image to a pdf in reader
C# PDF Converter Library SDK to convert PDF to other file formats
without using other external third-party dependencies like Adobe Acrobat. you can easily perform file conversion from PDF document to image or document
add photo to pdf; add image to pdf
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: the radio 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
Properties dialog.
2 On theGeneral tab:
·  In the Name 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# Windows Viewer - Image and Document Conversion & Rendering in
without using other external third-party dependencies like Adobe Acrobat. Image and Document Conversion Supported by Windows Viewer. Convert to PDF.
adding image to pdf in preview; adding an image to a pdf in acrobat
C# powerpoint - PowerPoint Conversion & Rendering in C#.NET
using other external third-party dependencies like Adobe Acrobat. SDK to convert PowerPoint document to PDF document code for PowerPoint to TIFF image conversion
add photo to pdf file; adding an image to a pdf in preview
PDF Expenses Form
Projects
14
The Field 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 to 10 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 press Ctrl+A).
3 On the Text context toolbar, choose the font size and style for your
label (we’ve used a 10 pt sans serif font), and click the
Bold button
to bold the text.
On the Options 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# Word - Word Conversion in C#.NET
using other external third-party dependencies like Adobe Acrobat. Word SDK to convert Word document to PDF document. demo code for Word to TIFF image conversion
attach image to pdf form; how to add a jpeg to a pdf
VB.NET PDF: How to Create Watermark on PDF Document within
Using this VB.NET Imaging PDF Watermark Add-on, you can a watermark that consists of text or image (such as And with our PDF Watermark Creator, users need no
add picture to pdf; add jpg to pdf preview
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
Align tab.
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 the Align 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.
BMP to PDF Converter | Convert Bitmap to PDF, Convert PDF to BMP
Also designed to be used add-on for .NET Image SDK, RasterEdge Bitmap to PDF Converter can Powerful image converter for Bitmap and PDF files; No need for
how to add image to pdf acrobat; how to add image to pdf
PDF to WORD Converter | Convert PDF to Word, Convert Word to PDF
out transformation between different kinds of image files and Word Converter has accurate output, and PDF to Word need the support of Adobe Acrobat & Microsoft
add image to pdf acrobat reader; adding images to a pdf document
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 Frame tool, 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 press Ctrl+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.
VB.NET PowerPoint: VB Code to Draw and Create Annotation on PPT
as a kind of compensation for limitations (other documents are compatible, including PDF, TIFF, MS VB.NET PPT: VB Code to Add Embedded Image Object to
how to add image to pdf document; adding images to pdf forms
JPEG to PDF Converter | Convert JPEG to PDF, Convert PDF to JPEG
It can be used standalone. JPEG to PDF Converter is able to convert image files to PDF directly without the software Adobe Acrobat Reader for conversion.
how to add an image to a pdf; how to add image to pdf in acrobat
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 the Name 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 the Line Style to ‘Solid.’
·  Choose the format of the user-typed text (we used 10 pt Arial).
5 On theOptions tab:
·  Clear the Default Text box.
·  Select the Limit Length check box, and type ‘10’ in the box.
·  Clear all other options.
6 On theFormattab:
·  In the Format as drop-
down list, select Date.
·  In the Date format list,
select dd/mm/yyyy
(now our ToolTip makes
sense!). Click OK.
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 the General tab, type a name and an appropriate ToolTip for
this field.
· On the Appearance tab, select a Solid line style and choose the
font name and size you used for your ‘Date’ field.
· On the Options tab, delete the default text, set the Limit Length
to 50, and clear all other options.
9 Right-click the ‘Amount’ text field, clickForm Field Propertiesand
make the following changes:
· On the General tab,
type a name and an
appropriate ToolTip.
· On the Appearance
tab, select a solid line
style; choose the font
name and size you used
for your ‘Date’ field.
· On the Options tab, in
the Alignment list,
select ‘Right.’ Clear all
other options.
· On the Format tab:
s Format as: Number
s Decimal places: 2
s Separator style:
9,999.99
s Currency symbol:
None
s 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 the Category label.
2 Right-click the combo box and clickForm Field Properties.
On the General tab:
·  Overwrite the current Name with your own unique identifier. We
used ‘ExpenseCategory1.’
·  Add the following ToolTip: ‘Click the arrow and select an expense
category’.
On theAppearance tab:
·  Change the Line Style to Solid.
· Choose the format of the list box text (we used 10 pt Arial).
On the Options tab:
·  In the Item box, type
‘Accommodation,’ and
then click Add.
·  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 the Sort items check 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 click OK to
close the Form 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
the check box.
To create a check box
1 On the Form toolbar, click the
Check Box
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
click Form Field Properties.
2 On theGeneral tab:
· Overwrite the current Name with
your own unique identifier. We
used ‘Receipt1.’
· In the ToolTip box, type ‘Click
this box if you are attaching a
receipt’.
3 On theAppearance tab:
· Change the Line Style to Solid.
· In the Fontsize 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