Konfigurieren des Listenformats

Sie können das Listenformular in einer Liste oder Bibliothek mit einer benutzerdefinierten Kopf- und Fußzeile sowie dem Formulartextkörper mit einem oder mehreren Abschnitten und Feldern in jedem dieser Abschnitte konfigurieren. Die Formularkonfiguration hat keine Auswirkungen auf die Daten im Listenelement oder der Datei. Sie ändert nur, wie das Formular visuell dargestellt wird, wenn Benutzer durch die Liste oder Bibliothek navigieren. Jeder, der zum Erstellen und Verwalten von Ansichten in einer Liste berechtigt ist, kann mithilfe der Formularkonfiguration das Formular mit Kopfzeile, Fußzeile und Textkörper mit Abschnitten konfigurieren.

Um ein Formular zu konfigurieren, verwenden Sie JSON-Formatierer, mit denen Sie bereits vertraut sind, wenn Sie eine Spalte oder eine Ansicht in einer Liste oder Bibliothek formatieren. Die Formularkonfiguration ermöglicht es, bestimmte vordefinierte Elemente und Attribute zu verwenden, um die benutzerdefinierte Kopf- und Fußzeile sowie den Textkörper mit einem oder mehreren Abschnitten zu erstellen.

Erste Schritte

So konfigurieren Sie das-Format in einer Liste oder Bibliothek

  1. Rufen Sie die Liste oder Bibliothek auf, für die Sie das Formular konfigurieren möchten.

  2. Wenn Sie sich in einer Liste befinden:

    • Öffnen Sie ein Element, um die Elementdetails im Anzeigeformat anzuzeigen.
  3. Wenn Sie sich in einer Dokumentbibliothek befinden:

    • Wählen Sie eine Datei aus.
    • „...“ auswählen
    • „Mehr“ auswählen
    • „Eigenschaften“ auswählen
  4. Erweitern Sie oben im Formular das Symbol Formular bearbeiten, und wählen Sie dann Layout konfigurieren aus.

    Konfigurieren des Listenformulars

  5. Im Bereich Format können Sie die Formatierung auf die folgenden Abschnitte anwenden:

    • Kopfzeile
    • Textkörper
    • Fußzeile

Konfigurieren einer benutzerdefinierten Kopfzeile

  1. Wenn Sie eine Formatierung auf die Kopfzeile anwenden möchten, wählen Sie in der Dropdownliste Formatierung anwenden auf die Option Kopfzeile aus.

  2. Fügen Sie Ihren benutzerdefinierten Kopfzeilenformatierer in den JSON-Texteingabebereich ein.

    Hinweis

    Die Formularkonfiguration ermöglicht es, bestimmte vordefinierte Elemente und Attribute zu verwenden, um die benutzerdefinierte Kopfzeile zu erstellen.

  3. Nachfolgend sehen Sie ein Beispiel für eine benutzerdefinierte Kopfzeile und JSON-Code:

    Benutzerdefinierte Listenformular-Kopfzeile

    {
      "elmType": "div",
      "attributes": {
        "class": "ms-borderColor-neutralTertiary"
      },
      "style": {
        "width": "99%",
        "border-top-width": "0px",
        "border-bottom-width": "1px",
        "border-left-width": "0px",
        "border-right-width": "0px",
        "border-style": "solid",
        "margin-bottom": "16px"
      },
      "children": [
        {
          "elmType": "div",
          "style": {
            "display": "flex",
            "box-sizing": "border-box",
            "align-items": "center"
          },
          "children": [
            {
              "elmType": "div",
              "attributes": {
                "iconName": "Group",
                "class": "ms-fontSize-42 ms-fontWeight-regular ms-fontColor-themePrimary",
                "title": "Details"
              },
              "style": {
                "flex": "none",
                "padding": "0px",
                "padding-left": "0px",
                "height": "36px"
              }
            }
          ]
        },
        {
          "elmType": "div",
          "attributes": {
            "class": "ms-fontColor-neutralSecondary ms-fontWeight-bold ms-fontSize-24"
          },
          "style": {
            "box-sizing": "border-box",
            "width": "100%",
            "text-align": "left",
            "padding": "21px 12px",
            "overflow": "hidden"
          },
          "children": [
            {
              "elmType": "div",
              "txtContent": "='Contact details for ' + [$Title]"
            }
          ]
        }
      ]
    }
    
  4. Um eine Vorschau der Änderungen anzuzeigen, klicken Sie auf die Schaltfläche Vorschau.

  5. Klicken Sie auf Speichern, um Ihre Änderungen zu speichern.

  6. Schließen Sie das Formular, und öffnen Sie es erneut, um die benutzerdefinierte Kopfzeile anzuzeigen.

  1. Wenn Sie eine Formatierung auf die Fußzeile anwenden möchten, wählen Sie im Bereich Format in der Dropdownliste Formatierung anwenden auf die Option Fußzeile aus.

  2. Fügen Sie Ihren benutzerdefinierten Fußzeilenformatierer in den JSON-Texteingabebereich ein.

    Hinweis

    Die Formularkonfiguration ermöglicht es, bestimmte vordefinierte Elemente und Attribute zu verwenden, um die benutzerdefinierte Fußzeile zu erstellen.

  3. Nachfolgend sehen Sie ein Beispiel für eine benutzerdefinierte Fußzeile und JSON-Code:

    Benutzerdefinierte Listenformular-Fußzeile

    {
        "elmType": "div",
        "style": {
            "width": "100%",
            "text-align": "left",
            "overflow": "hidden",
            "border-top-width": "1px"
        },
        "children": [
            {
                "elmType": "div",
                "style": {
                    "width": "100%",
                    "padding-top": "10px",
                    "height": "24px"
                },
                "children": [
                    {
                        "elmType": "a",
                        "txtContent": "='Contact Details for ' + [$Title]",
                        "attributes": {
                            "target": "_blank",
                            "href": "='https://aka.ms/contacts?email=' + [$Email]",
                            "class": "ms-fontColor-themePrimary ms-borderColor-themePrimary ms-fontWeight-semibold ms-fontSize-m ms-fontColor-neutralSecondary–hover ms-bgColor-themeLight–hover"
                        }
                    }
                ]
            }
        ]
    }
    
  4. Um eine Vorschau der Änderungen anzuzeigen, klicken Sie auf die Schaltfläche Vorschau.

  5. Klicken Sie auf Speichern, um Ihre Änderungen zu speichern.

  6. Schließen Sie das Formular, und öffnen Sie es erneut, um die benutzerdefinierte Fußzeile anzuzeigen.

Konfigurieren eines benutzerdefinierten Textkörpers mit einem oder mehreren Abschnitten

  1. Wenn Sie eine Formatierung auf den Textkörper anwenden möchten, wählen Sie im Bereich Format in der Dropdownliste Formatierung anwenden auf die Option Textkörper aus.

  2. Fügen Sie Ihren benutzerdefinierten Textkörperformatierer in den JSON-Texteingabebereich ein.

  3. Im Gegensatz zu Kopf- und Fußzeilen erlaubt die Textkörperkonfiguration nur die Definition eines oder mehrerer Abschnitte und das Hinzufügen einer oder mehrerer Spalten zu jedem dieser Abschnitte.

    • Sie können für einen Textkörper einen oder mehrere Abschnitte definieren.
    • Jeder Abschnitt kann auf eine oder mehrere Spalten in der Liste oder Bibliothek verweisen.
    • Auf eine Spalte kann nur in einem Abschnitt verwiesen werden.
    • Wenn auf eine Spalte in mehreren Abschnitten verwiesen wird, hat der erste Abschnitt, in dem auf die Spalte verwiesen wird, Vorrang.
    • Auf eine Spalte, auf die in keinem der Abschnitte verwiesen wird, wird automatisch im letzten Abschnitt verwiesen.
    • Auf neu hinzugefügte Spalten wird automatisch im letzten Abschnitt verwiesen.
  4. Im Folgenden finden Sie die JSON-Struktur, um mit der Definition von Abschnitten und dem Verweisen auf Spalten in den Abschnitten zu beginnen:

    {
      "sections": [
        {
          //give a display name for the section
          "displayname": "",
          "fields": [
            //reference your fields here using their display name
            "Title"
          ]
        },
        {
          //give a display name for the section
          "displayname": "",
          "fields": [
            //reference your fields here using their display name
          ]
        }
      ]
    }
    
  5. Unten sehen Sie ein Beispiel für JSON-Code für einen benutzerdefinierten Textkörper mit Abschnitten:

    {
      "sections": [
        {
          "displayname": "",
          "fields": [
            "Title"
          ]
        },
        {
          "displayname": "Details",
          "fields": [
            "Department",
            "Email",
            "Country"
          ]
        },
        {
          "displayname": "Application",
          "fields": [
            "Application Id",
            "Approver",
            "Reviewer"
          ]
        }
      ]
    }
    
  6. Sobald der Textkörper mit einem oder mehreren Abschnitten angepasst wurde, wechselt das Listen- oder Bibliotheksformular zu einem mehrspaltigen Layout.

    Hinweis

    Wenn Sie den Textkörper des Formulars konfigurieren, wird das Formularlayout der Liste oder Bibliothek von einem einspaltigen in ein mehrspaltiges Layout gewechselt. Wir werden in einem zukünftigen Update Unterstützung für die Konfiguration des Textkörpers mit einspaltigem Layout hinzufügen.

    Benutzerdefinierter Listenformular-Textkörper mit Abschnitten

  7. Um eine Vorschau der Änderungen anzuzeigen, klicken Sie auf die Schaltfläche Vorschau.

  8. Klicken Sie auf Speichern, um Ihre Änderungen zu speichern.

  9. Schließen Sie das Formular, und öffnen Sie es erneut, um den benutzerdefinierten Textkörper anzuzeigen.