Forum Discussion
siddiq ali
Apr 19, 2021Copper Contributor
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 .
- 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)
RobElliott
Apr 19, 2021Silver Contributor
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)
- siddiq aliApr 19, 2021Copper ContributorThanks for the response Rob , But I need Dynamic Tool Tip where I can show the information what ever I need for each column (Title , NextValue, Comment)
- RobElliottApr 19, 2021Silver ContributorYou format the tooltip for each column and set what you want the tooltip to display. If you want anything else I'm not sure I understand your requirement.