Print Button (Approval form only)

Yeeflow team
Yeeflow team
  • Updated

The Print button is required to associate with one of the print page. Click the print button will open the associated print page to users to print out.

 

Print_overview.png

Pro Tip: The Print button will not display on the new request form, which means users won't see the print button before the approval form is submitted. 

 

Add Print button to the page

The print button can be added to the submission form or the task forms. From the form designer, find the Print control in the controls add panel,. Then, drag and drop it into a section or container on your form.

Print_add.jpg

 

Set contents of Print Button

Select content tab from the control's settings panel, and select button section:

  1. Text: Enter the button’s text, or set the dynamic text with expression editor.
  2. Tooltip: Set the text as the tooltip of this button. 
  3. Alignment: Align the button to the left, center, right, or justified in relation to its column.
  4. Size: Select the preset button sizes, from Extra Small to Extra Large (see padding default details at the bottom of this document)
  5. Icon: Select a icon to display on the button
  6. Position: Set the icon to appear before or after the button text
  7. Space: Adjust the amount of space between the icon and the button text

 

Set Appearance of Print Button

Template: Select the pre-created print page from the dropdown list. You can also create a new print page by clicking the "Add" button.

Print_appearance__1_.jpg

 To learn how to create a print page, please refer: 

How to design a print page?

 

Set Styles of Button

  1. Typography: Change the default typography options for the button’s text
  2. Text Shadow: Add a shadow and blur to the button’s text
  3. Text Color: Select the color of the button’s text
  4. Background Color: Select the button’s background color for both NormalHover and Click states. You may use a solid or gradient color
  5. Border Type: Select the type of border to use around the button
  6. Width: Control the thickness of the border around the button
  7. Color: Choose the border’s color
  8. Radius: Set the border radius to control corner roundness
  9. Shadow: Set options to apply a box shadow on the button
  10. Spacing: Change the padding settings of the button

 

Advanced Settings

Set the Advanced options that are applicable to this control.

 

Was this article helpful?

/

Comments

0 comments

Please sign in to leave a comment.