BYOB - Field Highlighter (GA)
Published on February 9, 2026 BYOB
Field Highlighter: Placing the Component and Highlighting Fields
Use the Field Highlighter component to make important fields stand out on any standard or custom Salesforce record page. This guide covers placing the component, configuring fields, setting up conditional highlights, and using the new status pill (v1.35).
| Key features: Custom highlight colors, font weight selection (version 1.16 and later), support for managed package fields, conditional display using Set Component Visibility, and status pill highlighting (version 1.35). |
1. Accessing and Placing the Component
To start highlighting fields on a record page:
Step 1: Open a standard or custom Salesforce object record page.
Step 2: Enter the Lightning App Builder by clicking the Gear Icon and selecting Edit Page.
Step 3: Locate the Field Highlighter component in the sidebar under the "Custom - Managed" section.
Figure 1: Field Highlighter component under Custom - Managed in the Lightning App Builder.
Step 4: Drag and drop the component onto the record page.
Figure 2: Field Highlighter placed as the last component in a column.
| Tip: Place it as the last component in any column so it does not overlap with other page elements. |
2. Highlighting Important Fields
To configure the highlight, identify the specific field you wish to emphasize.
Identify API Names: Navigate to Setup > Object Manager to find the Object API Name and the Field API Name.
Figure 3: Object API Name in Object Manager.
Figure 4: Field API Name in Object Manager.
3. Configuration Options
- Managed Packages: If the field belongs to a different managed package, include the package prefix as defined in the Object Manager.
- Configuration: Enter the API names into the component properties. For version 1.16 and later, use the format of a dot followed by the Object API Name (e.g.,
.Account) and the Field API Name. - Styling:
- Colors: Customize the highlight color to make the field stand out.
- Font Weight: Since version 1.16, select the field's font weight from a dropdown menu to further emphasize the text.
Figure 5: Field Highlighter component properties for API names, colors, and font weight.
4. Conditional Field Highlighting
Set up highlights to appear only when specific criteria are met by using Salesforce's standard Set Component Visibility feature.
- Logic: Apply a filter so the highlight only triggers under certain conditions.
- Dynamic Use: Adjust highlights based on current promotions, special conditions, or overdue tasks.
| Example: Configure the Lead Score field to be highlighted in red only if the score falls below a specific threshold. |
5. What's New in v1.35: Status Pill
Version 1.35 introduces new design attributes and a new UX. You can now display a status pill with pill design colors to highlight a field, acting as a personal progress indicator.
| How to use: Keep the field background color and field font color empty, and define the Status Pill Text along with the pill colors. |
New design attributes:
| Label | API Name | Default |
|---|---|---|
| Status Pill Text | statusPillText | (empty) |
| Status Pill Background Color | statusPillBackgroundColor | #FFF3CD |
| Status Pill Font Color | statusPillFontColor | #5C4400 |
| Status Pill Font Weight | statusPillFontWeight | normal (options: normal, bold, bolder, lighter) |
Figure 6: Field highlighted with a status pill (v1.35).
Knowledge Article Number: KA-00076