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.
drmrbrewer Apply below JSON column formatting for your calculated column:
{
"$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
"elmType": "div",
"txtContent": "@currentField",
"customRowAction": {
"action": "defaultClick"
}
}
You can customize the style (font/color, etc.) of the column as per your requirements if needed.
Documentation: Use column formatting to customize SharePoint
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 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).
- ganeshsanapSep 29, 2023MVP
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?