Versions Compared

Old Version 3

changes.mady.by.user Andrew

Saved on

compared with

New Version 4

changes.mady.by.user Chun Zhe

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Screenshots

  1. Sample email sent out.
    Image Modified
  2. Sample pdf file generated.
    Image Modified
    With the option Store File Locally checked, PDF file created will be stored in wflow/app_formuploads/pdf-audit/[Process Instance ID] folder.
    Image Modified
    This is the listing of files for a specific process instance.

...

NameDescription
Formatting (CSS)

CSS to be included when generating pdf file. The Advanced > Formatting (CSS) field gives you formatting options (font size and color) for the output. 

Available CSS Classes: 

Code Block
*
- Wildcard. Everything in the form.
 
.form-section
- Container of a section
 
.form-section-title
- Container of section title
 
.form-column
- Container of column
 
.form-cell
- Container of field
 
.label
- Label of field
 
//Sub Form
.subform-container
- Container of a Subform
 
.subform-title
- Container of Subform title
 
.subform-section
- Container of section in Subform
 
.subform-section-title
- Container of section title in Subform
 
.subform-column
- Container of column in Subform
 
.subform-cell
- Container of field in Subform
 
.header
- Container of configured header
 
.footer
- Container of configured footer


Figure 5: This figure illustrates the CSS classes used in the form layout.


Code Block
titleExample
//Change all word to blue color
*, .form-cell{
  color:blue;
}
 
//Change all word to smaller size
*, .form-cell{
  font-size:10px;
}
 
//Change all label format to underline
.label{
  text-decoration:underline;
}
 
//Transform all header format to uppercase
.form-section-title{
  text-transform:uppercase;
}


Font & Unicode 

There are a few fonts (added by default) that you can use in CSS formatting.  They are:

Code Block
serif, sans-serif, monospace, Courier, TimesRoman,


For Unicode content, you can use the following fonts for Asian languages (i.e., Chinese, Traditional Chinese, Japanese, Korean):

Code Block
STSong-Light, MSung-Light, HeiseiMin-W3,  HYGoThic-Medium


Note: "STSong-Light" gives the best result for Chinese; "MSung-Light" for Traditional Chinese; "HeiseiMin-W3" for Japanese; and "HYGoThic-Medium" for Korean.

Code Block
*{font-family:HYGoThic-Medium;}
Header (HTML)Header in HTML to be included when generating pdf file.
Repeat header on every page?If checked, the Header (HTML) will be included in every subsequent pages in the generated pdf file.
Footer (HTML)Footer in HTML to be included when generating pdf file.
Repeat footer on every page?If checked, the Footer (HTML) will be included in every subsequent pages in the generated pdf file.
Include Activity Information in PDF

When checked, activity information will be prepended to the top of the pdf file.

...