Form Features - Sketch Component with Dynamic Background

Overview

This article explains how to configure the SharinPix Sketch Component with a customizable background.

This article explains:

• How to configure a background image

• Demo of a dynamic background image using a URL with a Car Inspection Example

Getting Started

How to configure a background image

Follow these steps to add a static background URL to your form sketch.

• On the Form Editor Page, select a sketch component and find "Background Image URL" under the "General" tab.

• Configure the formula to accept the URL of an image.

Info:

For more information on the Functions and Expressions of the Background Image URL, please follow the article: Form Formulas

Demo: Car Inspection Example

This section will demonstrate how to configure the sketch element with a dynamic background in the context of a car inspection. The use case here is a car inspection after a lease, and one of the steps required is to highlight areas of damage on the vehicle.

Follow these steps to configure a dynamic background URL on your sketch:

• Configure a text component on the SharinPix Form so that it pulls data from Salesforce and makes it disabled. We need the text component in order to have a field that contains the value of Car_Model__c which will be used as the background for the sketch.

• Configure the API name of the text component.

• On the SharinPix Sketch component, go to the "Background Image URL" configuration and set it to use the value of the text element 'Car Model URL' that was just configured.

Results:

Example 1 - Sedan Record

• When opening a Car Inspection record for a Sedan, the form will load the Sedan background image.

Example 2 – Hatchback Record

• If the same form is opened on a Hatchback record, the Sketch component will display the Hatchback background image.