Apr 19 2021 09:22 AM - edited Apr 19 2021 09:46 AM
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 09:40 AM - edited Apr 19 2021 09:43 AM
Solution@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)
Apr 19 2021 09:50 AM
Apr 19 2021 09:52 AM
Apr 20 2021 04:36 AM
@siddiq ali I agree that you need to be more specific about the information you would like to display in the tooltip. This article does a good job of laying out most of the options.
https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/column-formatting
Apr 19 2021 09:40 AM - edited Apr 19 2021 09:43 AM
Solution@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)