Print Button Component
UI Component
Changed on:
27 July 2026
Overview
The Print Button Component combines the page query with an HTML setting to generate a document that can be printed. A user can use this component to print pick lists, packing slips, order invoices, and more.| Plugin Name | Core |
|---|
Alias
fc.button.print, fc.button.print.pick
Detailed technical description
Properties
| Name | Type | Required | Default | Description |
| label | `string` | yes | Label text to be presented on the button. Accepts an i18n key. | |
| setting | `string` | yes | Name of a setting containing an HTML document template. This document can contain template strings referencing the data available in the page query. | |
| behavior | `string` | no | `print` | Behavior with which the HTML document is printed. Three options are available: 1. `print`: Opens the browser's print preview2. `preview`: Opens the modal preview with the print button that triggers the browser's print action3. `newTab`: Opens the HTML document in a new tab of the browser |
| disabled | `string` | No | none | Makes the button inactive. |
| sort | `string` | No | none | Name of the setting that contains the sorting configuration applied to the printable data before rendering. The referenced configuration supports single-field and multi-field sorting and can target fields from transformed attribute data.See Enable sorting for the Print Button for more details. |
Configuration example
1{
2 "component": "fc.button.print",
3 "props": {
4 "label": "i18n:fc.sf.ui.waves.detail.action.pickList.label",
5 "setting": "example.wave.pick.print",
6 "behavior": "print",
7 "sort": "example.wave.pick.sort"
8 }
9}Version History
See previous versions
2026-06-01
v26.6.1
Key Changes:- The component has been extended with the
`sort`property - Sorting is applied after data transformation and before the printable template is rendered
2024-10-08
v24.10.8
The component has been extended with the`disabled` property.2023-08-01
v23.8.1
Initial release.Recommended Placement
None
