This lesson will cover the following topics:

01 | Getting Started
02 | Custom Loader Overview
03 | Enabling the Custom Loader
04 | Styling Custom Loader
05 | Got Feedback?

01 Getting Started

This tutorial covers changing the custom loader, including:
  • An overview of the custom loader.
  • How to enable the custom loader.
  • Styling of the custom loader.

02 Custom Loader Overview

The custom loader is a preloader that is displayed when content is still loading. In Titan the custom loader displays when data is being pushed to or pulled from Salesforce.

03 Enabling the Custom Loader

1. Navigate to the Project Settings menu and select Site Elements.
2. Enable the Custom Loader toggle switch and click the gear icon.
enabling custom loader from the site element project settings menu

04 Styling Custom Loader

Using the Customize Salesforce Preloader options you can style your loader to match your business brand or your project style. Click any component of the preloader to make styling changes, the corresponding properties will display on the right-hand menu.

Any changes you make will be applied to the preview window. This allows you to see how the changes look in real-time.
customize salesforce preloader window

05 Got Feedback?

Additional Resources