Display hyperlinks as icons in SharePoint lists

Bildschirmfoto 2020 06 26 um 10.56.35
Contents

    Instead of a long link, it is much nicer to display an icon! And only if there is an entry in an element. This makes the SharePoint list clearer and more dynamic.

    This is how it’s done!

    You can copy this json code:

    {
      "$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json",
      "elmType": "div",
      "children": [
        {
          "elmType": "a",
          "attributes": {
            "target": "_blank",
            "iconName": "Folder",
            "class": "sp-field-quickActions",
            "href": "=if(@currentField!='',@currentField,''"
          },
          "style": {
            "display": "=if(@currentField!='', 'block','none !important')",
            "padding-left": "40px"
          }
        }
      ]
    }

    You can select the icon (“iconName”) from the fabric icons. Here in the example it is “Folder”.

    Dieser Beitrag ist auch verfügbar auf: Deutsch (German)

    Updated on 1. April 2024
    Was this article helpful?

    Leave a Reply

    Your email address will not be published. Required fields are marked *