Fluent Commerce Logo
Docs
Help & Feedback
Sign In

Migrate to the New Print Component

How-to Guide

Author:

Fluent Commerce

Changed on:

9 Oct 2023

Key Points

  • The new print component enables faster printing and additional features.
  • You can update to the new print component by updating the component name and adding the relevant configuration.

Steps

Assumptions

Step-by-step guide

Step arrow right iconStep 1: Update the component name

Update the name of the component in your configuration.

Change the component name from 

`fc.button.print.inline`
 to 
`fc.button.print`
.

Step arrow right iconStep 2: Add the behavior property in the configuration

The 

`behavior`
 property is used to enable printing capabilities on this component. The 
`behavior`
 property can have either of the three values:

Name

Description

`print`

Opens the browser's print preview.

`preview`

Opens the modal preview with the print button that triggers the browser's print action

`newTab`

Opens the HTML document in a new tab of the browser

`
`


Step arrow right iconStep 3: Make sure your configuration looks like the following example

1             {
2                    "component": "fc.button.print",
3                    "props": {
4                        "label": "fc.detail.label.name",
5                        "setting": "HTML Setting name",
6                        "behavior": "newTab"
7                    }
8                }

Language: json

Name: Example

Description:

[Warning: empty required content area]
Fluent Commerce

Fluent Commerce

Building Blocks
Building Blocks
Packages & Modules
UI Components
Workflows
Settings
Interface Contracts
Rules
By Type
All Types
Knowledge Tracks
Extend Knowledge
Glossary
How-to Guides
Sitemap
Topics
Use Cases
Helpful Resources
Platform Limits
Support Policy
Service Level Agreement (SLA) - Enterprise
Deprecation Policy
Extend Knowledge Content – Terms and Conditions
System and Organization Controls (SOC) 3 Report
Data Privacy Addendum
Security Policy
Quick Links
For Partners
Customer Resources
Webinars and Events
eLearning

Copyright © 2024 Fluent Retail Pty Ltd (trading as Fluent Commerce). All rights reserved. No materials on this docs.fluentcommerce.com site may be used in any way and/or for any purpose without prior written authorisation from Fluent Commerce. Current customers and partners shall use these materials strictly in accordance with the terms and conditions of their written agreements with Fluent Commerce or its affiliates.

Fluent Logo