How to insert custom image bindings

About this article

This article will explain how to insert custom image binding through smart fields so it can be utilized to populate the smart template.

• How to insert custom image bindings with smart fields to accommodate complex use cases
• Custom image binding smart field examples

Prerequisites

How to insert custom image bindings with smart fields to accommodate complex use cases? 

Sometimes, when building a smart template, it might be required to create complex image bindings in order to achieve specific use cases. The Custom image binding smart field can be utilized to create custom text bindings for the smart template. This smart field requires a good understanding of the binding syntax as well as conditions, functions, and operators.  Through this smart field, one can inject images. Creating a Custom image binding smart field can be achieved following these steps: 

1. In the Template Designer, navigate to the Template tab
2. Select the location where the smart field should be inserted
   In PowerPoint: select the desired shape. 
   In Word: Place your cursor at the desired location in the template and ensure no text is selected.
3. Click Add smart field
   This step doesn't apply if you are adding the very first smart field in the template 
4. Click Custom image binding
5. Optionally edit the Display Name
   The display name will be displayed in the Template tab once the smart field has been added.
6. Insert the desired Binding
   The desired binding syntax should be added to this field.  
7. Optionally, perform additional actions on the smart fields.  
   • Inherit Dimensions / Width / Height (for images only) : Specify the dimensions of the image that will be inserted. 
   • Visbility: Edit the visibility of the smart field based on specific conditions. 
   • Allow updates: Allow the smart field to be updated after its generation when edited by the user through the document content updater. This option will not be visible if the document content updater is not enabled on the smart template. 
   • Remove and keep content: this will remove the content control will be removed upon document generation and will effectively disable the document content updater on the smart field. 
8. Click Add to template
   
   • The smart field will be injected into the template and will be displayed in the Template tab

Custom image binding smart field examples

Inserting an image from an App Connector in a Word document

Create a Custom image binding smart field using the following binding:

{{HostSystem.Product.Image}}

Inserting an image from an App Connector in shape of a PowerPoint presentation

Create a Custom image binding smart field using the following binding:

{{HostSystem.Product.Image}}

Related articles