• Product

    Document Studio

    Generate, Sign, and Automate Salesforce documents with real-time sync

    Document Generation
    eSign
    Files
    CLM

    Experience Studio

    Build portals, apps, and forms directly in Salesforce with Dynamic data flow and adaptability

    Forms
    Flows
    Portals
    Surveys

    Go Unlimited

    Portals & Web Apps
    High-Volume Doc Gen
    Forms & Synced Surveys
    eSign & Contract Lifecycle
    Enterprise Compliance
    All-in-One Suite
    Book a demo
  • Solutions
    Financial Services
    eCommerce
    Legal
    Tech
    Insurance
    Nonprofit
    Manufacturing
    Education
    Healthcare
Log In Slack sales

Titan Support

How can we help you?

Platform

Tracker – Custom Icon

Business Background

Choose from a variety of Custom Icons that will be shown on the tracker widget’s progress bar.

How to Guide

  1. Click the + icon to open the list of elements.
  2. Select the Widget option from the list.
  3. Drag-and-drop the Tracker widget to the canvas.
  4. Click the Tracker Gear icon to open the Tracker Settings screen.
  5. Select the Interactivity option from the list.
  6. Scroll down and select the Custom Icon checkbox.
  7. Click the Gear icon. The Select icon screen opens.

Custom Icon checkbox

Custom Icon checkbox
  1. Under the Material UI option, use the Search field, if necessary, and click an icon to select it.

Material UI icons

Material UI icons
  1. As an alternative, select the Ionicons option.
  2. Use the drop-down list to select an option:
    • Filled
    • Outline
    • Sharp

Ionicons (edited image as example)

Ionicons (edited image as example)
  1. As an alternative, select the Custom option.
  2. Add the SVG code to the field.
  3. Click the Apply button.

SVG code

SVG code
  1. Save and Preview the project.

The icon is added to the tracker widget.

Example
Example

To change the size of the custom icon, do as follows:

  1. Click the Styling icon to open the Tracker Styling screen.
  2. Scroll down to the Custom Icon option.

Tracker Styling screen

Tracker Styling screen
  1. Open the Size option and add values to the width and height fields. The icon’s size changes.

Tracker Styling screen

Tracker Styling screen

The Only Forms Solution Built 100% in Salesforce.

Slack an expert