Live Forms v5.1 is no longer supported. Click here for information about upgrading to our latest GA Release.

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 28 Next »

To print your form, in edit or use mode, click on the form's  icon. A pdf of your form will be generated and downloaded (depending on browser settings). The name of the pdf file will be <form name>.pdf. This pdf file can then be printed. 

On This Page:

 

A form's print view refers to the pdf (or other image types such as tiff, png..) generated when the form is submitted (ex: Pdf attached to an emailed submission). 

You can configure your forms to control which fields are visible in the printed view. This is done via the printable property set in the form designer. Printable is checked by default. If you un-check this property then the control will not appear in the printed view. This property can also be set dynamically via a business rule by setting <control>.printable = [true|false]. 

Background colors for controls, specified using color names, may not show in the pdf file generated for form printing. If this occurs, try the Hex Value for the color in the Background color field on the Style Properties tab. For example, a background color for a control, specified as pink, will not show up in the form pdf file. Changing the value to #f778a1 will allow it to display the color. Some other colors that may require the Hex value are: brown, cyan, violet, etc. Italics and bold styling of control labels may not show up correctly in the generated pdf.

Page Breaks

Page breaks can be added to the print view by adding the special f-page-break to any control's CSS Class property. Any control with f-page-break will start at the top of new page. In the example below, the Room Information tab prints on a new page.

Custom Print Styling

You can also style your form's print view via a custom theme. This enables you to have one look & feel in use mode and a different look & feel in print mode. See the themes chapter for details and examples.

International Characters in PDFs (Print View) and Submission

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:

  1. Stop the Live Forms server
  2. Uncompress/expand the frevvo.war file. This is typically located here: <frevvo-home>/tomcat/webapps/frevvo.war 
  3. Add your font file (unifont.tff file is an example) to WEB-INF/fonts directory
  4. Re-WAR to create a new updated frevvo.war file.
  5. Replace the original frevvo.war file with the new updated frevvo.war file, typically located here: <frevvo-home>/tomcat/webapps/frevvo.war
  6. 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

 

 

 

 

 

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:

  1. Add a message control to your form
  2. Add the following HTML to your message control
<center> 
<a title="Print this form" href="?print=true&amp;format=pdf" class="f-tb-print"><span id="f-form-tb-print-span">Print PDF</span></a>
</center>

The same technique above can also be used for forms in workflows. In the case of a workflow the "Print PDF" will print the currently visible workflow step and not the combination of all the steps in the workflow.

  • No labels