Versions Compared

Key

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

...

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 Image Added 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 Image Added 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:

...