Versions Compared

Key

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

Print View

All  are printable. By selecting a form's printable checkbox a print  icon will be displayed at the top of your form. When the form is used and the printer icon is clicked the form is rendered in a new browser tab and a pdf document is generated and downloaded depending on your browser settings. The name of the pdf file will be <form name>.pdf. The form pdf file can then be printed. 

The Printable property 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]. 

Note

If you are trying to make the print view of a table control in your form consistent with the browser view, set the column widths explicitly at either the column cell level or at the table level. 

The Print icon works differently for forms in a workflow. You will have to add a message control on the flow step where you wish to see the print button. See below for the details.

Column
width240px

On This Page:

Table of Contents
maxLevel1

 

...

Warning

Do not use the f-page-break css class in table cells.

Custom Print Styling

...

.

...

International Characters for Print View and Submission PDFs

...

  • Stop the Live Forms server
  • Uncompress/expand the frevvo.war file to a temporary location on your desktop. This is typically located here: <frevvo-home>/tomcat/webapps/frevvo.war.
  • Add your font file (unifont.tff file is an example) to the 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.
  • Download  one of Live Forms  global  global themes (for example, nouveau blue or nouveau) and save the zip file to your desktop.
  • Unzip the zip file to a temporary location.
  • Add css code to the form.css file - 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; 
} 

...

All forms automatically have a print icon at the top of the form. You can hide the print button my by 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:

...