Highlights Panel fields: compact layouts versus Dynamic Highlights Panel
Key Takeaway
To show a highlight field only when a record meets a condition, such as a particular field value, replace the standard Highlights Panel with the Dynamic Highlights Panel in Lightning App Builder. The Dynamic Highlights Panel works on all LWC-enabled objects and, unlike the compact layout that feeds the standard panel, supports visibility rules.
The highlights panel is the strip of key fields and actions at the top of a Lightning record page. Unlike the rest of a Lightning record page, the highlights panel can't be customized in the page layout editor. Two components can fill it. The standard Highlights Panel component takes its fields from the object's compact layout, which you set up per object. The Dynamic Highlights Panel component lets you pick the fields and actions directly on the record page in Lightning App Builder.
Compact layouts
A compact layout is an ordered list of up to 10 fields. You create it from the "Compact Layouts" related list on the object in Object Manager, which requires the "Customize Application" permission.
The first field shows at the top in an accented font, so Salesforce recommends putting the object's Name field first. Don't make a compact layout's primary field a lookup field, because that can cause navigation issues in Lightning Experience and the Salesforce mobile app.
Lightning Experience desktop shows up to the first seven compact layout fields in the highlights panel. The Salesforce mobile app shows up to ten. Fewer fields can appear depending on screen width, which record page is being viewed, and the user's permissions.
These rules decide which fields a compact layout can hold:
- It must contain at least one field.
- It supports all field types except text area, long text area, rich text area and multi-select picklist. If you change a field on a compact layout to one of these unsupported types, the field is removed from the compact layout.
- It can only contain fields from its own object. A formula field that references another object is allowed.
If a user can't access a field on the compact layout, the next field on the layout takes its place.
In both the compact layout and the Highlights Panel component, an image in the first field is cropped if it is larger than 50x50 pixels. For a formula field image, set its height and width in the formula to 50 pixels each.