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 Video

Coming Soon!

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.
   • Learn how to configure the tracker.
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.

8. Under the Material UI option, use the Search field, if necessary, and click an icon to select it.

9. As an alternative, select the Ionicons option.
10. Use the drop-down list to select an option:
    • Filled
    • Outline
    • Sharp

11. As an alternative, select the Custom option.
12. Add the SVG code to the field.
13. Click the Apply button.

14. Save and Preview the project.

The icon is added to the tracker widget.

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.

3. Open the Size option and add values to the width and height fields. The icon’s size changes.