Tutorial: Ihrer Seite ein Formular hinzufügen

Mit Power Pages können Sie einer Seite Formularkomponenten hinzufügen, damit Ihre Benutzer Microsoft Dataverse-Datensätze erstellen, bearbeiten oder anzeigen können.

Formulare auf Seiten werden aus Microsoft Dataverse-Tabellenformularen erstellt.

Dieses Tutorial zeigt, wie Sie ein Formular erstellen und Ihrer Seite hinzufügen, umfassende Informationen über Codekomponenten erfassen und Formularaktionen konfigurieren, wenn die Informationen im Formular übermittelt werden.

In diesem Tutorial lernen Sie Folgendes:

  • Ein Formular erstellen
  • Codekomponenten hinzufügen
  • Einer Seite ein Formular hinzufügen
  • Codeoptionen konfigurieren

Anforderungen

Ein Formular erstellen

Dieses Video bietet einen Überblick über die Schritte zum Erstellen eines Formulars.

  1. Wechseln Sie zu Power Pages.

  2. Wählen Sie im Arbeitsbereich „Daten“ die Option Feedback-Tabelle und die Registerkarte „Formulare“ aus.

    Die Menüoption „Formular“ für die Feedback-Tabelle im Arbeitsbereich „Daten“.

  3. Wählen Sie Neues Formular aus, um den Formular-Editor zu öffnen.

    Die Kachel des Menüs „+ Neues Formular“ innerhalb des Menüelements „Formular“

  4. Geben Sie die Details ein.

    • Geben Sie dem Formular einen Namen. Sie können auf Wunsch auch eine Beschreibung hinzufügen.

    • Wählen Sie Erstellen.

      Neues Formularfeld erstellen

  5. Ändern Sie das Formular mit der Menüoption Feld hinzufügen oder durch Ziehen und Ablegen vorhandener Felder, um sie neu anzuordnen.

  6. Wählen Sie Formular veröffentlichen aus.

    Schaltfläche „Formular veröffentlichen“ im Arbeitsbereich „Daten“

  7. Wählen Sie Zurück aus.

    Die Menüoption „Zurück“

Das Formular wird in der Liste der Formulare für diese Tabelle angezeigt.

Siehe auch

Codekomponenten hinzufügen

Codekomponenten können Dataverse-Formularen hinzugefügt werden, um eine erweiterte Interaktion mit bestimmten Datenfeldern zu ermöglichen. Zum Beispiel können wir Rich-Text-Bearbeitungsfunktionen für ein mehrzeiliges Textfeld in einem Formular aktivieren.

  1. Wählen Sie im Arbeitsbereich „Daten“ die Option Feedback-Tabelle und die Registerkarte „Formulare“ aus.

  2. Wählen Sie das Formular aus, das Sie zuvor erstellt haben.

  3. Wählen Sie das Feld Kommentare im Formular aus.

  4. Wählen Sie im rechten Bereich Komponenten und dann das Steuerelement Rich-Text-Editor aus.

    Die Option „Rich-Text-Editor“ unter „Komponente hinzufügen“

  5. Wählen Sie Fertig aus.

Das Formular verfügt jetzt über eine Codekomponente, die mit dem Feld verknüpft ist.

Einer Seite ein Formular hinzufügen

Die folgenden Schritte enthalten Details dazu, wie Sie Ihr Formular einer Seite hinzufügen.

Dieses Video bietet einen Überblick über die Schritte zum Hinzufügen eines Formulars zu einer Seite.

  1. Öffnen Sie eine Power Pages-Website im Designstudio.

  2. Wählen Sie das Symbol „+“ neben Hauptnavigation, um eine neue Seite hinzuzufügen.

  3. Geben Sie die Details ein.

    • Geben Sie der Seite einen Namen.
    • Wählen Sie Mit leerer Vorlage beginnen aus.
    • Wählen Sie Hinzufügen.

    Details für Ihre neue Seite

  4. Wählen Sie Formulare aus der Komponentenleiste aus.

    Das Formularsymbol aus der Komponentenleiste

  5. Wählen + Neues Formular aus.

    Ein Formularfenster hinzufügen

  6. Geben Sie die Details ein.

    • Wählen Sie die Feedback-Tabelle aus.
    • Wählen Sie das Formular aus, das Sie zuvor erstellt haben.
    • Wählen Sie OK aus.

    Details zum Hinzufügen eines Formulars

  7. Wählen Sie die Schaltfläche Berechtigung aus.

    Die Schaltfläche „Berechtigungen“

  8. Wählen Sie Feedback-Berechtigungen aus.

    • Stellen Sie sicher, dass Berechtigung erstellen aktiviert ist und die Webrollen Anonym und Authentifiziert sind verknüpft.

    Optionen zum Festlegen von Feedback-Berechtigungen

  9. Wählen Sie Vorschauseite aus.

    Vorschausymbol

Aktivieren von Codekomponenten in Formularfeldern

Dieses Video bietet einen Überblick über die Schritte zum Konfigurieren des Rich-Text-Editor-Steuerelements in einem Formular.

Wenn ein Dataverse-Formularfeld für die Verwendung einer Codekomponente mit dem Datenarbeitsbereich oder einer modellgesteuerten App konfiguriert wurde, können Sie die Verwendung der Codekomponente aktivieren, wenn ein Formular auf einer Webseite verwendet wird.

So aktivieren Sie eine Codekomponente:

  1. Klicken Sie im Menü auf die Schaltfläche Codekomponente bearbeiten.

  2. Aktivieren Sie den Schalter Benutzerdefiniertes Komponentenfeld aktivieren.

Benutzerdefinierte Komponenten sind jetzt für dieses Feld aktiviert.

  1. Wählen Sie im Designstudio die Option Vorschauversion aus, und navigieren Sie zu Ihrer Seite.

  2. Das Formular sollte die Steuerelemente für den Rich-Text-Editor im Feld anzeigen.

    Feedback-Formular mit Rich-Text-Editor-Steuerungselement für Kommentare.

Anhänge in Formularen aktivieren

Dieses Video zeigt, wie Sie Anhänge in Formularen aktivieren können.

Benutzer können einen Anhang per Formularübermittlung hochladen.

So aktivieren Sie Anhänge in einem Formular:

  1. Fügen Sie ein Formular hinzu, oder bearbeiten Sie ein vorhandenes Formular.

  2. Wählen Sie im modalen Dialog Formular hinzufügen im linken Bereich die Option Anhänge aus.

    • Konfigurieren Sie die folgenden Optionen:
      • Aktivieren/deaktivieren Sie den Umschalter Anhänge aktivieren.
      • Aktivieren/deaktivieren Sie den Umschalter Anhang ist erforderlich.
      • Aktivieren/deaktivieren Sie den Umschalter Mehrere Dateien zulassen.
      • Maximal zulässige Dateigröße

Notiz

Die folgenden Dateitypen sind zulässig:

  • Alle
  • Audio
  • Dokument
  • Image
  • Video
  • Bestimmte (kommagetrennte Werte)

Menüoptionen zum Aktivieren von Anhängen in einem Formular

Nach der Konfiguration wird der Platzhalter zum Hochladen von Dateien im Canvas angezeigt.

Formular mit aktivierter Anhangsoption

Nächste Schritte,

Als Nächstes erfahren Sie, wie Sie ein mehrstufiges (erweitertes) Formular für Ihre Seite erstellen.