Hyperlinks als Icon anzeigen in SharePoint Listen

Anstelle eines langen Links ist es deutlich hübscher ein Icon anzuzeigen! Und zwar nur wenn es einen Eintrag in einem Element gibt. Das macht die SharePoint-Liste übersichtlich und dynamischer.

Diesen json-Code könnt ihr euch kopieren:

{
  "$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"
      }
    }
  ]
}

Das Icon („iconName“) könnt ihr aus den Fabric-Icons Office UI Fabric ist das JavaScript-Front-End-Framework zum Erstellen von Oberflächen für Office und Office 365. Fabric bietet visuell ausgerichtete Komponenten, die Sie erweitern, überarbeiten und in Ihrem Office-Add-In verwenden können. Da Fabric die Office-Entwurfssprache verwendet, sehen die UX-Komponenten von Fabric wie eine natürliche Erweiterung von Office aus. Eine Auflistung aller Icons findest du hier: https://uifabricicons.azurewebsites.net/… mehr erfahren wählen. Hier im Beispiel ist es „Folder“.

Dieser Beitrag ist auch verfügbar auf: English (Englisch)