...
Support for international characters in PDFs (Print View) and submissions can be implemented with a work-around using a custom theme. The customized theme will ensure the correct font-family is in place so Internationalization (i18n) fonts will be used in Print View and when you check Save PDF on your form for submissions. A Unicode font with broad language support is recommended.
Follow the steps below:
- Stop the Live Forms server
- Uncompress/expand the frevvo.war file. This is typically located here: <frevvo-home>/tomcat/webapps/frevvo.war
- Add your font file (unifont.tff file is an example) to WEB-INF/fonts directory
- Re-WAR to create a new updated frevvo.war file.
- Replace the original frevvo.war file with the new updated frevvo.war file, typically located here: <frevvo-home>/tomcat/webapps/frevvo.war
- Re-start your Live Forms server
- Added the above css changes to form.css file
- Tested the form with Chinese Translations and Save PDF enabled
- PDF was generated with Chinese characters
...
- Download one of Live Forms global themes (for example, nouveau blue or nouveau) and save the zip file to your desktop.
- Unzip the zip file.
- Add css code to the form.css file - see the example below
- Zip the files back as they were
- Upload the zip file to Live Forms as an Application or Designer Theme by clicking the New icon on the appropriate screen.
- Create a new form and choose the custom theme from the new form wizard (or if you are editing an existing form, replace the current theme with your newly customized theme).
- Check Save PDF on the Form Property panel
- Test the form with international translations
- Print View and form submission PDFs should be generated with international characters
Here is an example of the css code using a free bitmap font (unifont). It is possible more code will need to be added to cover additional control types:
Code Block |
---|
.s-print form {
font-family: unifont;
}
.s-print .f-form label {
font-family: unifont; background-color: yellow;
}
.s-print .f-input .input, .s-print .f-select1 .select, .s-print .f-select1 .textarea, .s-print .f-select .textarea, .s-print .f-textarea .textarea { font-family: unifont;
} |
Custom Print Button
All forms automatically have a print icon at the top of the form. You can hide the print button my deselecting the forms' printable property in the form designer. If you need to add a print button anywhere other than at the top of the form, you can do so by following these steps:
...