Forum Discussion

siddiq ali's avatar
siddiq ali
Copper Contributor
Apr 19, 2021
Solved

Require tool tip for each column of SharePoint list

Hello All,   I am having a list with 12 columns for SharePoint List , And I need to have tooltip for all the 12 columns. Can any one please guide me how can I get it .     
  • RobElliott's avatar
    Apr 19, 2021

    siddiq ali for each column in your list where you want the tooltip you will need to format the column (advanced mode) and paste in the following JSON:

     

    {
      "elmType": "div",
      "style": {
        "font-size": "12px"
      },
      "txtContent": "@currentField",
      "customCardProps": {
        "formatter": {
          "elmType": "div",
          "txtContent": "@currentField",
          "style": {
            "font-size": "12px",
            "color": "green",
            "padding": "5px"
          }
        },
        "openOnEvent": "hover",
        "directionalHint": "bottomCenter",
        "isBeakVisible": true,
        "beakStyle": {
          "backgroundColor": "white"
        }
      }
    }

     

     

    You can change the second txtContent line to whatever you want for the text in the tooltip.

    Rob
    Los Gallardos
    Intranet, SharePoint, Website and Power Platform Manager (and classic 1967 Morris Traveller driver)

Resources