Partager via


Didacticiel : Ajouter un formulaire à votre page

Power Pages vous permet d’ajouter des composants de formulaire à une page pour permettre à vos utilisateurs de créer, modifier ou afficher des enregistrements Microsoft Dataverse.

Les formulaires sur les pages sont créés à partir de formulaires de tables Microsoft Dataverse.

Ce didacticiel vous montre comment créer et ajouter un formulaire à votre page, capturer des informations riches via des composants de code et configurer des actions de formulaire lorsque les informations du formulaire sont soumises.

Dans ce didacticiel, vous allez découvrir comment :

  • Créer un formulaire
  • Ajouter des composants de code
  • Ajouter un formulaire à une page
  • Configurer les options de code

Conditions préalables

Créer un formulaire

Cette vidéo donne un aperçu des étapes de création d’un formulaire.

  1. Accéder à Power Pages.

  2. Dans l’espace de travail Données, sélectionnez la Table Commentaires et choisissez l’Onglet Formulaires.

    L’option de menu des formulaires pour la table des commentaires dans l’espace de travail Données.

  3. Sélectionnez + Nouveau formulaire pour ouvrir l’éditeur de formulaires.

    La vignette de menu + Nouveau formulaire à l’intérieur de l’élément de menu des formulaires.

  4. Remplissez les détails.

    • Attribuez un nom au formulaire. Vous pouvez également ajouter une description si vous le souhaitez.

    • Cliquez sur Créer.

      Créer un champ de formulaire.

  5. Modifiez le formulaire à l’aide de l’option de menu Ajouter un champ, ou en faisant glisser et en déposant des champs existants pour les réorganiser.

  6. Sélectionnez Publier le formulaire.

    Bouton Publier le formulaire dans l’espace de travail Données.

  7. Sélectionnez Retour.

    L’option de menu Retour.

Le formulaire apparaîtra dans la liste des formulaires pour cette table.

Voir aussi

Ajouter des composants de code

Des composants de code peuvent être ajoutés aux formulaires Dataverse pour permettre une interaction avancée avec des champs de données spécifiques. Par exemple, nous pouvons activer les fonctionnalités d’édition de texte enrichi dans un champ de texte multiligne sur un formulaire.

  1. Dans l’espace de travail Données, sélectionnez la Table Commentaires et choisissez l’Onglet Formulaires.

  2. Sélectionnez le formulaire que vous avez créé précédemment.

  3. Sélectionnez le champ Commentaires dans le formulaire.

  4. Dans la section de droite, choisissez Composants et sélectionnez le contrôle Éditeur de texte enrichi.

    Option du contrôle Éditeur de texte enrichi dans Ajouter un formulaire.

  5. Cliquez sur Terminé.

Le formulaire a maintenant un composant de code lié au champ.

Ajouter un formulaire à une page

Les étapes suivantes fournissent des détails sur la façon d’ajouter votre formulaire à une page.

Cette vidéo donne un aperçu des étapes pour ajouter un formulaire à une page.

  1. Ouvrez un site Power Pages dans le studio de conception.

  2. Sélectionnez l’icône + près de la Navigation principale pour ajouter une nouvelle page.

  3. Remplissez les détails.

    • Nommez la page.
    • Choisissez Démarrer à partir d’un modèle vierge.
    • Cliquez sur Ajouter.

    Détails de votre nouvelle page.

  4. Sélectionnez Formulaire dans la barre des composants.

    L’icône Formulaire dans la barre des composants.

  5. Sélectionnez + Nouveau formulaire.

    Ajouter une fenêtre de formulaire.

  6. Remplissez les détails.

    • Sélectionnez la table Commentaires.
    • Sélectionnez le formulaire que vous avez créé précédemment.
    • Cliquez sur OK.

    Détails pour Ajouter un formulaire

  7. Sélectionner le bouton Autorisations.

    Le bouton Autorisations.

  8. Sélectionnez Autorisations de commentaires.

    • Vérifiez que Créer un privilège est coché et que les rôles web Anonyme et Authentifié sont liés.

    Options de définition des autorisations de commentaires.

  9. Sélectionnez Prévisualiser la page.

    Icône d’aperçu.

Activer les composants de code sur les champs de formulaire

Cette vidéo fournit une vue d’ensemble des étapes de configuration du contrôle de l’éditeur de texte enrichi sur un formulaire.

Si un champ de formulaire Dataverse a été configuré pour utiliser un composant de code à l’aide de l’espace de travail Données ou d’une application pilotée par modèle, vous pouvez activer le composant de code à utiliser quand un formulaire est utilisé sur une page web.

Pour activer un composant de code :

  1. Sélectionnez le bouton Modifier le composant de code dans le menu.

  2. Basculez le bouton bascule Activer le champ de composant personnalisé sur la position Activé.

Les composants personnalisés sont maintenant activés pour ce champ.

  1. Dans le studio de conception, sélectionnez Aperçu et accédez à votre page.

  2. Le formulaire doit afficher les contrôles de l’éditeur de texte enrichi sur le champ.

    Formulaire de commentaires avec contrôle de l’éditeur de texte enrichi sur les commentaires.

Activer les pièces jointes sur les formulaires

Cette vidéo montre comment vous pouvez activer les pièces jointes sur les formulaires.

Les utilisateurs peuvent charger une pièce jointe avec la soumission du formulaire.

Pour activer les pièces jointes sur un formulaire :

  1. Ajoutez un champ ou modifiez un formulaire existant.

  2. Dans le modal Ajouter un formulaire, sélectionnez Pièces jointes dans le volet de gauche.

    • Configurez les options suivantes :
      • Activez/désactivez le bouton à bascule Activer les pièces jointes.
      • Activez/désactivez le bouton à bascule Pièce jointe requise.
      • Activez/désactivez le bouton à bascule Autoriser plusieurs fichiers.
      • Taille de fichier maximale autorisée

Note

Les types de fichiers suivants sont autorisés :

  • Toutes
  • Audio
  • Document
  • Image
  • Video
  • Spécifique (valeurs séparées par une virgule)

Options de menu pour activer les pièces jointes sur un formulaire.

Une fois configuré, l’espace réservé de chargement de fichier s’affichera dans le canevas.

Formulaire avec option de pièce jointe activée.

Étapes suivantes

Ensuite, apprenez à créer un formulaire à plusieurs étapes (avancé) sur votre page.