pdf viewer c# winform : How to add a jpeg to a pdf file control Library platform web page asp.net winforms web browser pdf-expenses-form0-part2311

Projects
1
PDF Expenses Form
In this project, you’ll create and publish a business expense
claim form, which can then be accessed by your users, filled out
online, and printed.
In this exercise, you’ll learn how to:
·  Design a layout for a functional form.
·  Set form field properties.
·  Replicate form fields.
·  Create a calculated form field.
·  Create a custom validation script.
·  Specify tabbing order of form fields.
·  Publish a PDF form.
This tutorial covers some of the advanced form tools available in
PagePlus. It is split into several sections which are good points to save your
work. If you haven’t done so already, complete thePDF Web Form tutorial
first.
How to add a jpeg to a pdf file - 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
adding a jpg to a pdf; adding an image to a pdf file
How to add a jpeg to a pdf file - 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 signature to pdf; how to add an image to a pdf in acrobat
PDF Expenses Form
Projects
2
PDF Expenses Form
Let’s assume that you want to create an employee expense claim form to
be posted on the company intranet. Employees will access the form from
their own computers, fill in their expense details online, and then print out
the form for processing.
Before you begin to lay out your form in PagePlus, there are couple of
things you should do. Use a blank piece of paper to complete these initial
steps.
First, you need to determine exactly what information you want to collect.
Next, map out your design on paper. Decide on form size and structure
(single or multi-page), and be sure to include graphics, text, and any other
static objects.
Step 1: Gathering the data
Let’s think about the information we need to collect in order to process
an expense claim. We’ll need to know at least who is submitting the
expense form, and what expenses they are claiming for. Let’s assume then
that we want to capture the following data:
Step 2: Mapping out the form design
The next step is to map out the form design with paper and pencil. It’s
tempting to skip this and just go ahead and start dropping form objects
into PagePlus. However, if you sketch your form layout on paper first,
you’ll end up with a better-designed form. You’ll also save yourself the
time and effort of having to recreate your form multiple times in
PagePlus—it’s unlikely that you’ll be happy with your first attempt.
Employee Information
Expense Information
Other Information
Employee name
Date
Reimbursement method—
cheque or direct deposit
Employee number
Description—e.g. sales
conference hotel bill
Whether or not a receipt is
attached
Employee department
Category—travel, meals,
etc.
Total expenses amount
Amount
Employee’s signature date
Manager’s signature date
VB.NET PDF Convert to Jpeg SDK: Convert PDF to JPEG images in vb.
Convert PDF to JPEG Using VB.NET. Add necessary references: RasterEdge.Imaging.Basic. dll. RasterEdge.Imaging.Basic.Codec.dll. RasterEdge.Imaging.Drawing.dll.
add jpg to pdf online; add jpeg signature to pdf
C# PDF Convert to Jpeg SDK: Convert PDF to JPEG images in C#.net
example, this C#.NET PDF to JPEG converter library will name the converted JPEG image file Output.jpg. Convert PDF to JPEG Using C#.NET. Add necessary references
add an image to a pdf form; add jpg to pdf document
PDF Expenses Form
Projects
3
When drafting out your form, keep usability and visual appeal in mind. The
following guidelines will help you:
·  Keep your form simple and uncluttered.
·  Group related form fields together.
·  Give your form fields clear,
meaningful labels and position them
consistently relative to the object.
·  Provide clear and simple instructions
(use ToolTips too) to help users
complete the form as easily as
possible.
·  If you will be collecting data via hardcopy printout, avoid unnecessary
or complex graphics that will use up ink and take too long to print.
·  Be careful when using colour on your forms. While useful for
emphasizing and enhancing certain sections of your form, too much
colour can be distracting. Again, if your form will be printed out, you
should use colour sparingly.
We drafted out the
form design
illustrated here,
which we’ll show
you how to
reproduce in
PagePlus. You can
use our design, or
one of your own if
you prefer.
Let’s get started...
If users must complete
certain information on the form,
be sure to indicate that these
fields are mandatory. For
example, with an asterisk or
colour-coding.
We have placed the employee details together
at the top of the form, while all of the expense
information is grouped together in a table—we’ll
show you how to do this later. Grouping related
items together will make your forms more legible
and user-friendly.
VB.NET PDF Password Library: add, remove, edit PDF file password
This VB.NET example shows how to add PDF file password with access permission setting. passwordSetting.IsAssemble = True ' Add password to PDF file.
add multiple jpg to pdf; add picture to pdf file
C# PDF File & Page Process Library SDK for C#.net, ASP.NET, MVC
C#: Convert PDF to HTML; C#: Convert PDF to Jpeg; C# File: Compress PDF; C# C# Read: PDF Image Extract; C# Write: Insert text into PDF; C# Write: Add Image to
adding image to pdf file; add image pdf document
PDF Expenses Form
Projects
4
Step 3: Setting up the new document
You’re likely to know most of this already, but we’ve included the settings
used to set up our form document.
To create and save a new publication
1 In PagePlus, clickFile, point toNew, clickNew from Startup
Wizard, and then click Start New Publication.
2 In the dialog, clickRegular/Normal, and then clickLandscape.
Choose an A4 or Letter template, and then click Open.
3 Click
Save, and save the file as ExpenseForm.ppp.
We’ll now add the title of our form using a standard text frame.
To add and format a title
1 On the Tools toolbar, click the
Standard Text Frame tool, then
click and drag to insert a frame in the top left corner of the page.
2 In the text frame, type ‘Employee Expense Claim Form’, and then click
the text frame to select it.
3 On the Text context toolbar, choose the font size and style for your
title (we’ve used a 14 pt sans serif font), and click the
Bold button.
4 With the frame still selected, ensure
that the
Text button on the
Swatches tab is highlighted. From
the
Palette flyout select the
Standard RGB colour set and choose
a dark blue swatch.
5 If necessary, resize the text frame to
fit the text—click one of the frame
handles, hold down the left mouse
button, and then drag to the new
position.
The next step is to add the employee details: name, department, and
employee number. It makes sense to include the reimbursement method
in this group too. We want these four objects to sit beneath the form title,
about 3 cm or so from the top of the page. We can use ruler guides to
help us position the items initially. We’ll also make use of PagePlus’s
alignment feature for fine-tuning.
C# PDF Password Library: add, remove, edit PDF file password in C#
This example shows how to add PDF file password with access permission setting. passwordSetting.IsAssemble = true; // Add password to PDF file.
adding a jpeg to a pdf; add picture to pdf form
C# PDF File Split Library: Split, seperate PDF into multiple files
page of your defined page number which starts from 0. For example, your original PDF file contains 4 pages. C# DLLs: Split PDF Document. Add necessary references
add photo to pdf in preview; add photo to pdf form
PDF Expenses Form
Projects
5
PagePlus lets you set up horizontal and vertical ruler guides—non-printing
red lines used to position layout elements.
To create and move ruler guides
1 Making sure you do not have any text frames
selected, click and drag on the ruler
running along the top of the page.
The dotted red ruler guide line
appears.
2 Drag to position the ruler guide at
the 3 cm mark. The dotted line
changes to solid red.
3 Making sure you do not have any text
frames selected, click on the ruler at
the left of the page and drag to insert
a vertical guide 2 cm from the page
edge.
Before continuing, let’s check that
snapping is turned on. This will ensure
that any objects we create, move, or
resize will jump to align with our ruler
guides.
To turn snapping on or off
·  Click the
Snapping button at the right of the Hintline toolbar.
When the button is down (i.e. highlighted orange), snapping is on.
When you are happy with the position of your ruler guides, move on to
the next section and add the form field labels to the ‘employee details’
section of the form.
The snapping feature simplifies placement and alignment by ‘magnetizing’ grid dots and
guide lines. When snapping is on, the edges and centres of objects you create, move, or
resize will jump to align with the nearest visible grid dot or guide line. Objects normally
snap to the page edge, too.
To set which visible elements are snapped to:
1 ChooseOptions from theTools menu.
2 Click to expand theLayout category, then click the Snapping sub-category.
3 In theSnap to section, clear any elements you don't want to snap to, then clickOK to
close the dialog.
If a text object is selected,
clicking within the object's ruler
region adds a tab stop, clicking
and dragging elsewhere on the
ruler creates a ruler guide.
For more information on
creating and user ruler and other
layout guides, see the section in
online Help and the tutorial
Creating Grid Layouts.
VB.NET PDF File Compress Library: Compress reduce PDF size in vb.
Also able to uncompress PDF file in VB.NET programs. Offer flexible and royalty-free developing library license for VB.NET programmers to compress PDF file.
add picture to pdf online; add image to pdf preview
C# PDF File Compress Library: Compress reduce PDF size in C#.net
All object data. File attachment. Flatten visible layers. C#.NET DLLs: Compress PDF Document. Add necessary references: RasterEdge.Imaging.Basic.dll.
add jpg to pdf acrobat; how to add a photo to a pdf document
PDF Expenses Form
Projects
6
Step 4: Creating the employee details section
The employee details section is placed at the top of the form. We’ll create
this now using a variety of form objects..
To add and format form field labels
1 On the Tools toolbar, click the
Standard Text Frame tool,
then click and drag to insert a text
frame at the top left of the page.
2 In the text frame, type ‘Name’, 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
heading (we’ve used the same font as before but 10 pt size), and click
the
Bold button.
4 With the text still selected, on the
Swatches tab, choose the same dark
blue swatch as before.
If necessary, resize the text frame to
fit the text and then drag to the new
position at the point where the ruler
guides intersect.
Now that you have created the first form field label, you can use it as a
template for the others. This will ensure that all labels are the same height,
making it easier for you to align them. Let’s use copy and paste to make
the other labels for our employee details section.
To copy and paste an object
1 Right-click the object and clickCopy.
2 Right-click again and clickPaste.
3 Repeat steps 1 and 2 to create the ‘Department,’ ‘Employee No.’ and
‘Reimbursement requested by:’ labels, adjusting the length of the text
frames accordingly.
4 Position the labels by ‘snapping’ them to the ruler guide, as illustrated.
When choosing labels you
should make them as clear and
meaningful as possible.
PDF Expenses Form
Projects
7
Inserting form fields
We’ve laid the groundwork for our first form fields, so now let’s create
them.
We’ll use the Formtoolbar for this exercise, but you can also click
Insert > Form Field. The Form toolbar is a floating toolbar, which you
can drag to any position in the PagePlus workspace.
To view the Form toolbar
·  On the View menu, click Toolbars and then click Form.
The buttons on the toolbar represent the form field types available. For
our first field—Employee Name—we want users to type in their names, so
it makes sense to use a text field here.
To create a text field
1 On the Form toolbar, click the
Text Field button.
2 Move the cursor just below the
‘Name’ label and click once to insert
the field.
We now have a basic text field. As it
stands, this field is usable—that is, if we
were to publish the form as a PDF, we
would be able to type into this box.
However, we can change the way a form
field looks and behaves by editing its
properties.
The red triangles pointing towards the ruler guide indicate
that the object is ‘snapped’. See online Help for more
information.
Text fields
Use a text field when you want
the user to type their input—this
can be textual or numerical. For
example, names, addresses,
phone numbers, e-mail
addresses, or cash amounts.
PDF Expenses Form
Projects
8
We’ll use the Form Field Propertiesdialog to:
·  Give a unique name to the field.
·  Add a ToolTip.
·  Format the line around the text box, and the text that the user types
into the box.
·  Limit the number of letters that can be typed into the box.
To set text field properties
1 Right-click the field, and then clickFormFieldProperties(or
double-click the field).
2 On theGeneral tab:
· Overwrite the current
Name with your own
name for this field
(spaces are not
permitted). This name
will serve as unique
identifier for the field; so
it should be descriptive.
We used
‘Employee_Name’.
· In the ToolTip box,
type a brief sentence telling the user what information they should
type in this field.
3 On theAppearance tab:
· Change the Line Style
to Solid.
· Choose the format of
the user-typed text by
selecting values from the
Fontname and
Fontsize drop-down
lists.
PDF Expenses Form
Projects
9
4 On theOptions tab:
· The Default Text: box contains text that is displayed in the form
field when the form user first opens the PDF form. We want our
fields to be blank, so
leave this box empty.
· Select the Limit
Length check box, and
in the box to the right
of this option, type ‘35’.
This limits the number
of characters allowed to
be typed to 35, which
should be sufficient for
most names.
· Clear the Scrollable
and Spell check boxes.
5 We don’t need to change anything on the other tabs, so clickOK to
close the Form Field Properties dialog.
Our next form field, ‘Department’, is
slightly different. Rather than having users
type their information into a text box, we
want them to be able to select a value
from a list. This sounds complicated, but
it isn’t. We can easily do this with a
combo box.
In this case, we want to present employees with a list of departments.
We’ll create list items for Accounting, Sales, Human Resources, Shipping,
and Customer Service.
To create a combo box
1 On the Formtoolbar, click the
Combo Box button.
2 Move the cursor just below the
‘Department’ label and click once to
insert the field.
Combo boxes
Use a combo box when you
want to present the user with a
drop-down list of items from
which to choose.
PDF Expenses Form
Projects
10
To set the properties of a combo box
1 Right-click the combo box, and clickFormFieldProperties.
2 On theGeneral tab:
· Overwrite the Name with your own identifier. We used
‘Employee_Department’.
· In the ToolTip box, type a brief sentence telling the user what
information they should enter in this field. For example, ‘Click the
arrow and select your department’.
3 On theAppearance tab:
· Change the Line Style to Solid.
· In the Fontname andFontsize drop-down lists, choose the format
for the text that will be displayed in the combo box list.
You can choose any font, but your form will look better if you use a
standard font style throughout. We suggest you select the same font
you used for your text field.
4 Click theOptions tab. You’ll notice that it looks different than the
Options tab for our text field. This is where we add our combo box
list items.
· In the Item box, type
‘Accounting,’ and click
Add. ‘Accounting’
appears in the Item list
box.
· Repeat this process to
add ‘Sales,’ ‘IT,’ ‘Human
Resources,’ ‘Shipping,’
and ‘Customer Service’
to the list.
· Select the Sort items
check box to sort the
menu items
alphabetically.
5 We don’t need to change anything on the other tabs so clickOK to
close the dialog.
We’ll look at the ‘Employee No.’ field next.
Documents you may be interested
Documents you may be interested