Joget DX Beta Available for Download

Check out Joget DX, the next generation successor to Joget Workflow for faster, simpler digital transformation.

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 5 Next »

This tool allows you to send out email with a form attached in PDF format. The only extra configuration needed apart from the normal email plugin would be on the selection of the form to be attached and the desired file name for the attachment as shown on the screenshot below.


Figure 1: Configuring the Export Email Tool


Figure 2: Configuring the email server


Figure 3: Configuring the email content

 
Figure 4: Sample form design


Figure 5: Sample form at runtime


Figure 6: Sample email

Sample attachement

Formatting with CSS

You can format the output with different font size and color with css in the Advanced > Formatting (CSS) field.

Available CSS Classes: 

*
- 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

Picture below demonstrate the CSS classes used in the form layout.

Example:

//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 few fonts added by default that you can use in CSS formatting.

serif, sans-serif, monospace, Courier, TimesRoman, 

For Unicode content, use can use the following font for Asian language (Chinese, Traditional Chinese, Japanese, Korean)

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

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

*{font-family:HYGoThic-Medium;}
  • No labels