Forum Discussion
Format calculated column as hyperlink to navigate like the Name column
- Sep 29, 2023
drmrbrewer Try using this JSON:
{ "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json", "elmType": "div", "txtContent": "@currentField", "attributes": { "class": "ms-Link" }, "customRowAction": { "action": "defaultClick" } }
Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.
ganeshsanap thanks for the reply!
Your custom formatting provides the column with the click navigation functionality, but it's still not formatted as a hyperlink (to show it's clickable). Is it possible to do that, without messing up the defaultClick action?
Ideally it would also be nice to have the same hover behaviour as the standard Name column, which appears as plain text (not blue underlined) until you hover over it, and then it is underlined as a hyperlink (still not blue).
drmrbrewer Try using this JSON:
{
"$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
"elmType": "div",
"txtContent": "@currentField",
"attributes": {
"class": "ms-Link"
},
"customRowAction": {
"action": "defaultClick"
}
}
Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.
- drmrbrewerSep 29, 2023Copper Contributor
ganeshsanap genius! Very nice!
I'll definitely mark this as the answer, because it does what I asked for... but for the icing on the cake: the standard Name column also has a "Share" and "Three-dot menu" that appear in the field when you hover over it, giving you more options to do stuff with that item. Since I'm trying as far as possible to create a replacement for the Name column, is there something I can add to the JSON format to add these contextual actions too?
- ganeshsanapSep 29, 2023MVP
drmrbrewer I am not sure if you can make it visible on hover similar to default Name column but you can use below JSON which will show (...) next to column value always and open the context menu on click of the icon:
{ "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json", "elmType": "div", "children": [ { "elmType": "div", "txtContent": "@currentField", "attributes": { "class": "ms-Link" }, "customRowAction": { "action": "defaultClick" } }, { "elmType": "span", "style": { "margin-left": "15px", "font-size": "16px", "cursor": "pointer" }, "attributes": { "iconName": "More" }, "customRowAction": { "action": "openContextMenu" } } ] }
Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.
- drmrbrewerSep 29, 2023Copper ContributorThanks! This gives me a good starting point for further customisation.