The following image shows a list with a custom hover added to a List:
On hover - Metadata on the column "Status" is made available via column formatting
- This format can be applied to any column type though the example is based on -
| Column Name | Type |
|---|---|
| Status | Choice |
| Product ID | Single Line Text |
| PackedDate | Date and Time |
| ShippedDate | Date and Time |
| InTransitStartDate | Date and Time |
| DeliveredDate | Date and Time |
| Product Photo | Picture |
| Solution | Author(s) |
|---|---|
| custom-hover-card.json | Niket Jain |
| Version | Date | Comments |
|---|---|---|
| 1.0 | April 08, 2020 | Initial release |
THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.
This sample uses icons from the Office UI Fabric
An additional version using Abstract Tree Syntax (AST) is also provided for environments where the Excel-style expressions are not supported.