Partager via


Créer et personnaliser un formulaire d’application piloté par modèle

Dans Power Apps pilotée par modèle, les formulaires fournissent l’interface utilisateur que les utilisateurs utilisent pour interagir avec les données avec lesquelles ils doivent travailler. Une table peut avoir un ou plusieurs formulaires, et les formulaires existent en différents types. Les différents types sont principaux, de création rapide, d’affichage rapide et de carte. Pour plus d’informations sur les types de formulaires, consultez Type de formulaires d’application pilotés par modèle dans Power Apps.

Dans ce tutoriel, vous créez un formulaire de type principal, puis ajoutez le formulaire à une application basée sur un modèle. Le formulaire principal est le type de formulaire principal que les utilisateurs voient lorsqu’ils ouvrent des enregistrements dans des applications basées sur des modèles.

Les formulaires principaux ont une disposition par défaut en trois colonnes. Les champs et composants de formulaire pilotés par modèle sont regroupés en onglets (regroupement principal) et sections (regroupement secondaire). Les onglets séparent le formulaire en pages logiques, tandis que les sections séparent le contenu d’un onglet.

Les formulaires principaux ont une disposition par défaut de trois colonnes

Créer et configurer un formulaire

  1. Connectez-vous à Power Apps.
  2. Sélectionnez Tables. Si l’élément ne se trouve pas dans le volet latéral, sélectionnez …Plus, puis sélectionnez l’élément souhaité.
  3. Ouvrez la table Compte , puis sélectionnez la zone Formulaires .
  4. Sélectionnez Ajouter un formulaire dans la barre de commandes, puis sélectionnez Formulaire principal.
  5. Le concepteur de formulaires s’ouvre pour vous permettre de configurer les propriétés du formulaire.
Propriété Descriptif
Titre Entrez un nom comprenant significatif pour les autres utilisateurs et générateurs d’application. Ce nom s’affiche aux utilisateurs d’application. S’ils ont accès à plusieurs formulaires pour une table, ils se servent de ce nom pour différencier les formulaires disponibles. Cette propriété est obligatoire.
Description Taper une description qui explique comment le formulaire est différent d'autres formulaires principaux. Cette description s’affiche uniquement aux créateurs dans le concepteur de formulaires et dans la liste des formulaires d’une table dans l’Explorateur de solutions.
Largeur maximale Définissez une largeur maximale (en pixels) pour limiter la largeur du formulaire. La valeur par défaut est 1900. Cette propriété est obligatoire.
Afficher l’image Affichez l’image principale de la table si celle-ci en a une qui a été définie. Ce paramètre permet d’afficher la colonne d’image dans l’en-tête du formulaire. Pour plus d’informations sur les options de table, consultez Activer ou désactiver les options de table .

propriétés disponibles pour configurer un formulaire

Modifier la disposition de l’onglet

Si vous souhaitez utiliser une disposition différente des trois colonnes par défaut d’un onglet, procédez comme suit :

  1. Sélectionnez le nom de l’onglet, tel que Résumé.
  2. Dans le volet Propriétés à droite, sélectionnez la zone Mise en forme pour la développer.
  3. Sélectionnez la liste déroulante Disposition , puis sélectionnez votre disposition souhaitée, par exemple 1 colonne ou 2 colonnes. Utilisez une disposition différente de celle des trois colonnes par défaut d’une disposition d’onglet.

Ajouter des éléments au formulaire

À l’aide du volet gauche du concepteur de formulaires, vous pouvez ajouter différents éléments au formulaire en fonction de l’onglet que vous sélectionnez.

Components

À partir de cet onglet, vous pouvez ajouter de nouveaux onglets de formulaire, sections ou contrôles visuels. Pour plus d’informations : Ajouter, configurer, déplacer ou supprimer des composants sur un formulaire

Composants

Colonnes de table

À partir de cet onglet, vous pouvez ajouter des champs de formulaire, également appelés colonnes de tableau. Plus d’informations : Ajouter, configurer, déplacer ou supprimer des colonnes sur un formulaire

Colonnes de tableau

Arborescence

Dans cet onglet, vous pouvez sélectionner pour accéder à l’en-tête de formulaire, au pied de page ou à n’importe quel onglet ou section du formulaire. Cela est utile lors de la configuration de formulaires avec de nombreux onglets. Plus d’informations : Utilisation de l’arborescence dans le concepteur de formulaires

Arborescence

Bibliothèques de formulaires

Les formulaires pilotés par modèle vous permettent d’ajouter des bibliothèques JavaScript pour étendre davantage votre comportement de formulaire.

Exercice : Ajouter une nouvelle section et des champs au formulaire

Par défaut, le formulaire de compte inclut une section d’adresse unique. Toutefois, la table de comptes inclut également un deuxième ensemble d’adresses. Dans les cas où vous devez suivre les adresses d’expédition et de facturation, il est courant d’ajouter la deuxième adresse définie au formulaire. Suivez ces étapes pour ajouter une nouvelle section ADDRESS 2 et les colonnes associées au formulaire.

  1. Sélectionnez la section Adresse du formulaire dans le concepteur de formulaires.

  2. Dans le volet gauche du concepteur de formulaires, sélectionnez l’onglet Composants , puis sélectionnez 1 section Colonne. Une nouvelle section est ajoutée sous la section ADDRESS .

  3. Dans le volet Propriétés de droite, remplacez l’étiquette de la nouvelle section par ADDRESS 2. Le formulaire de compte comprend une seule section adresse

  4. Dans le volet gauche, sélectionnez l’onglet Colonnes de tableau .

  5. Avec la section ADDRESS 2 toujours sélectionnée, sélectionnez Adresse 2 : Rue 1 dans la liste de colonnes de table pour ajouter le champ à la section ADDRESS 2 .

  6. Répétez l’étape précédente pour ajouter les champs suivants :

    • Adresse 2 : Rue 2
    • Adresse 2 : Rue 3
    • Adresse 2 : Ville
    • Adresse 2 : Département/province
    • Adresse 2 : Code postal
    • Adresse 2 : Pays/région

    Nouvelle section d'adresse 2 avec les colonnes correspondantes.

    Note

    Vous pouvez également glisser-déplacer des champs. Cela est particulièrement utile lorsque vous souhaitez déplacer des colonnes vers une autre zone ou section.

  7. Dans la barre de commandes du concepteur de formulaires, sélectionnez Enregistrer, puis Publier.

  8. Fermez l’onglet Concepteur de formulaires dans votre navigateur.

Contrôler le formulaire visible dans votre application pilotée par modèle

Si votre application inclut plusieurs formulaires principaux pilotés par modèle, les utilisateurs peuvent sélectionner le formulaire à afficher. Si vous souhaitez limiter les utilisateurs de votre application à afficher uniquement les enregistrements avec votre formulaire nouvellement configuré, procédez comme suit.

  1. Connectez-vous à Power Apps.
  2. Accédez à Applications, sélectionnez ... en regard d’une application basée sur un modèle, telle que l’application Suivi des comptes, que vous pouvez créer en suivant cet article : Créer votre première application pilotée par modèle, puis sélectionner Modifier.
  3. Dans le concepteur d’applications, sélectionnez un formulaire, tel que le formulaire principal du compte.
  4. Dans le volet droit, sélectionnez Gérer les formulaires.
  5. Sélectionnez les formulaires que vous souhaitez afficher dans l’application, tels que le formulaire principal, le formulaire carte de compte et la création rapide de compte. Effacez les autres formulaires, tels que Compte. Sélectionnez les formulaires de tableau que vous souhaitez afficher dans votre application
  6. Sélectionnez Enregistrer, puis Publier pour refléter les modifications apportées à l’application.

Contrôle de l’accès à vos formulaires

Nous vous recommandons de sélectionner tous les formulaires d’affichage rapide et de créer rapidement des formulaires de type, sauf si vous avez des raisons spécifiques de ne pas les vérifier. Sélectionnez uniquement le formulaire principal ou les formulaires que vous souhaitez que les utilisateurs voient. Vous devez également vous assurer que votre nouveau formulaire est activé pour un rôle de sécurité auquel les utilisateurs de l’application ont été affectés. Vous pouvez contrôler davantage la façon dont les utilisateurs accèdent aux formulaires dans une application en configurant l’ordre de formulaire et le formulaire de secours. Pour plus d’informations, consultez les articles suivants :

Afficher votre nouveau formulaire

Maintenant que vous avez créé et modifié un nouveau formulaire, testons-le. Procédez comme suit pour afficher votre nouveau formulaire :

  1. Dans le concepteur d’applications, sélectionnez Lire.
  2. Ouvrez un dossier de compte.
  3. Le nouveau formulaire principal avec la section ADRESSE 2 s’affiche. Si votre nouveau formulaire principal de compte n’est pas affiché, sélectionnez le formulaire principal dans le sélecteur de formulaire en haut à gauche du formulaire. vous avez créé et modifié un nouveau formulaire

Étapes suivantes

Créer ou modifier des formulaires de création rapide