Forum Discussion
Format calculated column as hyperlink to navigate like the Name column
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.
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 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?
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.
- Thanks! This gives me a good starting point for further customisation.