Fluent Commerce Logo
Docs
Help & Feedback
Sign In

Migrate to the New Print Component

How-to Guide

Author:

Fluent Commerce staff

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 staff

Fluent Commerce staff

Building Blocks
All Building Blocks
Packages & Modules
UI Components
Workflows
Settings
Interface Contracts
Rules
By Type
All Types
How-to Guides
Topics
Essential Knowledge
Releases
Sitemap
Use Cases
Glossary
Legal Resources
Platform Limits
Support Policy
Service Level Agreement (SLA) - Enterprise
Service Level Agreement (SLA) - Professional
Deprecation Policy
Extend Knowledge Content – Terms and Conditions
Information Security Policy
Data Privacy Addendum
System and Organization Controls (SOC) 3 Report

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