BYOB - List View Row(s) Highlight (GA)

Published on March 3, 2026 BYOB


List View Row Highlights: Implementation Guide

The List View Row Highlights component enables administrators to apply conditional visual highlighting to Salesforce table list views based on field values. This configuration-driven approach requires no custom code, improves record visibility, and speeds up user decision-making.

Use case: Display Opportunity rows in red when Stage equals 'Closed Lost', so sales representatives can quickly identify lost deals in their pipeline view.

Supported Capabilities and Limitations


Prerequisites

  1. Build Your Own Branding (BYOB) managed package version 1.22 or later (namespace prefix: pscbyb) is installed. The latest installation link is on the CodeyLabs help portal.
  2. System Administrator access to Salesforce Setup.
  3. The target Lightning App is created and configured in App Manager.

Part 1: Verify BYOB Package Installation

Confirm the package installation status and version before configuring anything.

Step 1: Log into Salesforce, click the gear icon in the top-right corner, and select Setup.

Step 2: In the Setup search bar, enter 'Installed Packages' and select the result.

Step 3: Locate the 'Build Your Own Branding' (BYOB) package in the list of installed managed packages.

Step 4: Click the package name and verify the following details:

FieldExpected ValueNotes
Version NameBYOB v1.22 (Row Highlight)Must include Row Highlight designation
Namespace PrefixpscbybRequired for metadata access
PublisherCodeyLabsOfficial package publisher
StatusActivePackage must be active
Package TypeManagedConfirms managed package installation

The BYOB package details page in the Installed Packages section of Setup.


Part 2: Deploy the Utility Item to a Lightning App

The component runs as a Utility Item within Lightning Apps. Complete this configuration for every app where row highlighting is required.

Step 1: In Setup, navigate to Apps > App Manager.

Step 2: Locate and edit the target Lightning App (e.g., Sales App).

Step 3: In the Lightning App Builder, select 'Utility Items (Desktop Only)' from the left navigation.

Step 4: Click 'Add Utility Item'.

Step 5: Search for and select 'List View Row Highlights' from the managed components.

Step 6: Configure the utility item properties:

PropertyRecommended ValueNotes
LabelList View Row HighlightsCustomizable label for end users
IconfallbackDefault icon
Panel Width1Keeps the utility bar compact
Panel Height1Keeps the utility bar compact
Start AutomaticallyCheckedCRITICAL: Must be enabled for component activation

The utility item configuration panel.

Important: Without 'Start Automatically' enabled, the row highlighting component will not activate when users open the app.

Step 7: Click Save to apply the utility item to the Lightning App.


Part 3: Identify Field API Names for Highlight Conditions

Before creating rules, obtain the exact API name of the field used as the matching condition.

Step 1: In Setup, navigate to Object Manager.

Step 2: Search for and select the target object (e.g., Opportunity).

Step 3: In the left sidebar, click 'Fields & Relationships'.

Step 4: Find the field to use as the condition (e.g., StageName) and note its API name.

Fields & Relationships in Object Manager. Only Text, Picklist, and Checkbox fields are supported.


Part 4: Create Row Highlight Rules via Custom Metadata Types

Rules are stored as Custom Metadata Type records. Each rule defines a field value match condition and the colors applied to matching rows.

Step 1: In Setup, enter 'Custom Metadata Type' in the search bar and open Custom Metadata Types.

Step 2: Select 'Row Highlight Rule' to manage rule records.

Step 3: Click 'New' to create a rule record.

Step 4: Complete the rule fields:

Field NameExample ValueDescription
LabelHighlight Closed LostHuman-readable rule identifier
Row Highlight Rule NameHighlight_Closed_LostAuto-populated from Label (spaces replaced with underscores)
Field API NameStageNameExact API name from Object Manager (Part 3)
Match ValueClosed LostExact field value to match (case-sensitive)
Background Color#FF0000Hex color code for row background
Font Color#FFFFFFHex color code for text
Is ActiveCheckedRule must be active to apply highlighting
Priority1Lower numbers take precedence when rules overlap
ObjectApiNameOpportunityAPI name of the target list view object
ListviewFilterNameAllOpportunitiesFilter name taken from the list view URL

The Row Highlight Rule record creation form with all configurable properties.

To find the ObjectApiName and ListviewFilterName values:

  1. ObjectApiName: In Setup > Object Manager, identify the API name of the target object.
  2. ListviewFilterName: Open the target list view and copy the FilterName parameter from the browser URL.

Extracting the ListviewFilterName from the list view URL.

Step 5: Click Save to activate highlighting for matching list view rows.


Part 5: Test Row Highlights in the Lightning App

Step 1: Use the App Launcher to open the Lightning App you configured (e.g., Sales App).

Step 2: Open the target list view (e.g., Opportunities > All Opportunities).

Step 3: Confirm that matching rows display the correct colors:

An Opportunities list view with conditional row highlighting. Red rows are Closed Lost deals.

Success: Rows matching your rules show the configured background and font colors.

Troubleshooting: Common Issues and Solutions

Issue: Row highlights are not appearing in the list view
  1. Verify 'Start Automatically' is enabled on the utility item.
  2. Confirm 'Is Active' is checked on the Row Highlight Rule record.
  3. Verify the Lightning App was saved after adding the utility item.
  4. Refresh the page and reopen the list view to trigger component initialization.
Issue: Incorrect rows are being highlighted
  1. Verify the Field API Name is exact and case-sensitive (e.g., StageName, not Stage or stage_name).
  2. Confirm the Match Value matches the field value exactly, including spacing and case.
  3. If multiple rules apply to a row, check Priority; lower numbers take precedence.
Issue: Field type not supported
  1. Use a Text, Picklist, or Checkbox field. Formula, Number, Date, and other types are not supported.

Quick Reference: Example Configuration Rules

Rule LabelField API NameMatch ValueBackgroundFont Color
Highlight Closed LostStageNameClosed Lost#FF0000#FFFFFF
Highlight Closed WonStageNameClosed Won#00C800#333333

Example Row Highlight Rule configuration.


Knowledge Article Number: KA-00214

View more articles in the knowledge base