---
schema_version: "1"
id: 401b910f65485241fc3d8613dee2799630f66f5b93ad488f9273880991a0cae9
title: Customize Case Hovers in Lightning Experience
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/service/264-0-0/cases_set_up_lex_hovers.md
canonical_url: https://help.salesforce.com/s/articleView?id=service.cases_set_up_lex_hovers.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: b5d09dbdbd49a7f24246862f7204b8deba8bad2ccb65cc32f7a2e725d5dcc2de
description: Case hovers give users a sneak peek at the details of a case, including the description and the latest update. Case hovers are enabled by default and appear whenever you hover over a case number, except in list views. For users who work with cases all day, these hovers can save valuable time.
products:
  - Service Cloud
release: "264"
---
# Customize Case Hovers in Lightning Experience

Case hovers give users a sneak peek at the details of a case, including the description and the latest update. Case hovers are enabled by default and appear whenever you hover over a case number, except in list views. For users who work with cases all day, these hovers can save valuable time.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><a href="https://help.salesforce.com/s/articleView?id=service.service_editions_reference.htm&amp;language=en_US" target="_blank">View supported editions</a>.</td></tr></tbody></table>

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d156711e58">User Permissions
              Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d156711e58 ">To customize compact layouts:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d156711e58 ">Customize Application</td>

          </tr>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d156711e58 ">To view compact layouts:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d156711e58 ">View Setup and Configuration</td>

          </tr>
        </tbody>
      </table>

Case hovers work in all Lightning apps, including apps with standard navigation and console navigation. These hovers are specific to cases only and don’t work for any other objects.

To make sure that your users get the most out of case hovers, you can edit the case’s compact layout to customize which fields appear in the hover.

There are three sections in the case hover: title and top fields, description, and the latest update.

Title and Fields

The top section of the hover displays the same information that’s displayed in the case’s Highlights Panel in the case record home. Only the first five fields are displayed. The first field is displayed at the title of the hover.

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/images/icon_note.png)

Note The Highlights Panel and the case hover use the same compact layout. When you customize the compact layout, you affect both the Highlights Panel and the case hover.

To customize the title and fields displayed in the case hover, edit the case’s compact layout.

1. From Setup, at the top of the page, select **Object Manager**.
2. Select **Case** and then click **Compact Layouts**.
    
    You can create a new compact layout or edit the default layout.
3. Add the fields that you want displayed in the hover.
    
    Keep in mind that the hover displays only the first five fields, and the first field becomes the title. We recommend using the Subject as the first field in your compact layout.
4. Sort the fields by selecting them and clicking **Up** or **Down**.
    
    The order you assign to the fields determines the order in which they display.
5. Save the layout.
6. If you created a new layout, click **Compact Layout Assignment** to set the compact layout as the primary compact layout for the object.

You can’t customize the description and latest update sections.

Description

Displays the case’s description. If a case doesn’t have a description, the hover doesn’t include this section.

Latest Update

The Latest Update section of the hover displays the latest post or the most recent activity on the case feed. The case feed’s sort order determines which one is displayed in the hover. Whenever you change the sort order in a case feed, the hover is updated too. However, case feed filters don’t affect what’s displayed in the case hover. For example, if you filter a case feed for emails, the case hover still shows the latest update even if it’s not an email.

To make sure that your users see the same latest update in the hover and on the case record page, use the Chatter component in the Lightning App Builder when editing your page. If instead you use the Chatter Feed component and filter it to display only certain feed types, your users will see inconsistent updates when looking at the record page versus the hover.

The Latest Update section can display only one post. All post types are supported. For example, if the latest post was a post from a social channel like Facebook, that’s what displays in the hover.

Here’s what the default case hover looks like.

![Screen shot of a case hover.](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support-264-0-0-production-enus/dd14551c-a772-4db6-9a1d-d84df8df2980/support/images/cases/case_hover_lex.png)