Skip to main content

Add Custom Filters and Icons

Learning Objectives

After completing this unit, you’ll be able to:

  • Enable filters for the dispatcher console.
  • Create and share a custom filter for service appointments.
  • Add a custom icon field to the page layout for service appointments.
  • Add a custom icon to the Gantt.

Enable Custom Filters

Jacinta starts out her day by looking at her long list of service appointments. She loves the existing filters, like Unscheduled and In Jeopardy, because they show her immediate priorities.

She had some ideas for new filters and wants to create her own. She talks to her admin, Maria, to get started.

Before Jacinta can create any filters, Maria must enable them.

  1. From the App Launcher App Launcher icon, find and select Field Service Admin.
  2. Click the Field Service Settings tab.
  3. Click Dispatcher Console UI and select Enable Custom Filters.

Create a Custom Filter

Everything is ready for Jacinta to create as many custom filters as she wants. Maria recommends that she creates fewer than 15 filters so as not to affect performance. Jacinta laughs. She has only one custom filter in mind (so far).

Jacinta wants a filter that displays only appointments that take several hours to complete. She likes to make sure that this kind of appointment is scheduled early in the day because it’s the most complex. She wants her field service workers to get to the complicated appointments while they’re still fresh.

  1. From the App Launcher App Launcher icon, find and select Field Service, then click the Field Service tab.
  2. To the right of the filter picklist, click Filter and select New.
  3. Enter the name, description, and dates to select. Jacinta enters the following.
    • Name: Long Jobs
    • Description: Show jobs longer than 4 hours
    • Date Selection: Jacinta enters 3 for the number of days before and after the selected horizon date. The filter displays only appointments that fall within that date range.
  4. Set the field criteria. Jacinta sets criteria for two fields.
    • Jacinta sets the first field criteria. She chooses Duration as the field, greater or equal as the operator, and 4 as the value. That’s for jobs that take more than 4 hours.
    • Jacinta sets the second field criteria. She chooses Status as the field, does not contain as the operator, and Completed as the value. She doesn’t want to see jobs that are already completed, just jobs left to do.Filter Editor displaying the field criteria for Duration and Status.
  5. Choose the fields to display. Jacinta wants to display the default fields in the Service Appointment List Columns field set, so she leaves it blank.
  6. Decide whether to share the filter with other dispatchers. Jacinta wants to share, so she selects Make this filter available to all users.
  7. Click Save.

Jacinta’s new filter shows up in her picklist. She scans her long jobs and makes sure they’re assigned when she wants them to be.

If she decides she doesn’t need her custom filter anymore, she can edit, hide, or delete it.

  1. Select the custom filter in the filter picklist. Jacinta selects Long Jobs.
  2. Click Filterand choose the desired option. Long Jobs selected in the filter picklist with the filter menu open to reveal New, Edit, Hide, and Delete.

Jacinta has created and shared her filter, and she knows how to hide or delete it later.

Add a Custom Icon to the Gantt

Custom icons on service appointments let dispatchers visually identify information about the appointment. For example, add a VIP icon to indicate a customer with a high-level service agreement. Jacinta wants to show her appreciation for workers who go above and beyond by putting a sunny icon on challenging completed service appointments. Workers love those little rays of sunshine. But how can she add a custom icon to a service appointment on the Gantt?

First, Maria must add the Gantt icon field to the page layout for service appointments so Jacinta can see it on the Gantt.

  1. Click Setup then select Setup.
  2. Click Object Manager.
  3. Click Service Appointment, then click Field Sets.
  4. Click Service Lightbox.
  5. Drag the Gantt Icon field to the In the Field Set section.
  6. Click Save.

Maria checks to make sure that the new field displays properly. If you try these steps in your org and can't see the Gantt icon field, make sure that you've assigned the page layout you changed to the correct user profiles.

Jacinta is ready to add her icon to a deserving service appointment.

  1. In the Gantt, right-click the service appointment and choose Details. Jacinta right-clicks James Clifton's first appointment.
  2. In the Details tab, click Edit.
  3. Enter the icon URL in Gantt icon. Jacinta enters https://www.salesforce.com/news/wp-content/uploads/sites/3/2021/05/Salesforce-logo.jpg?resize=1536,864.
  4. Click Save Changes and close the tabs.
  5. Refresh the Gantt to view the icon. (Your screen may not look exactly like this screenshot.)Gantt showing a sunshine icon next to James Clifton’s first appointment.

In this unit, Maria and Jacinta worked together to customize the dispatcher console. First, Maria enabled custom filters for Jacinta, then Jacinta created a custom filter for Long Jobs. After that, Maria set up the service appointment page layout for Jacinta, and Jacinta added her first sunshine icon to a worthy service appointment. That’s teamwork.

Share your Trailhead feedback over on Salesforce Help.

We'd love to hear about your experience with Trailhead - you can now access the new feedback form anytime from the Salesforce Help site.

Learn More Continue to Share Feedback